@fernir2/saas-kit 0.0.207 → 0.0.209

package/packages/level2/meta/components/edit-image/EditImageDropdownMenu.js

@@ -2,8 +2,10 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Button } from '../../../fd-component-toolbox/button/Button.js';
 import { Icon, iconNames, iconSizes } from '../../../fd-component-toolbox/icon/Icon.js';
-import { tooltipSides } from '../../../fd-component-toolbox/tooltip/tooltip-constants.js';
+import { wellKnownPositions } from '../../../../base-repo/constants/tools-constants.js';
 import { useEmptyRef } from '../../../../fd-toolbox/hooks/use-empty-ref.js';
+import { imageActionLabels } from '../../constants/image-action-labels.js';
+import { first } from '../../../../fd-toolbox/server/collections/single-funcs.js';
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
@@ -25,7 +27,7 @@ function EditImageDropdownMenu({
         className: "p-1",
         onClick: () => ref.current?.click(),
         tooltipText: imageUrl ? imageConst.change : imageConst.upload,
-        tooltipSide: tooltipSides.bottom,
+        tooltipSide: wellKnownPositions.bottom,
         tooltipClassName: "mt-4",
         children: /* @__PURE__ */jsx(Icon, {
           size: iconSizes.medium,
@@ -36,7 +38,7 @@ function EditImageDropdownMenu({
         variant: "icon",
         className: "p-1",
         onClick: onDelete,
-        tooltipText: "Delete",
+        tooltipText: imageActionLabels.delete,
         tooltipSide: "bottom",
         tooltipClassName: "mt-4",
         children: /* @__PURE__ */jsx(Icon, {
@@ -57,14 +59,14 @@ function EditImageDropdownMenu({
 __name(EditImageDropdownMenu, "EditImageDropdownMenu");
 function handleFileInputChange(event, onEdit) {
   if (event.target.files) {
-    onEdit?.(event.target.files[0]);
+    onEdit?.(first(Array.from(event.target.files)));
     event.target.value = "";
   }
 }
 __name(handleFileInputChange, "handleFileInputChange");
 const imageConst = {
-  change: "Change",
-  upload: "Upload"
+  change: imageActionLabels.change,
+  upload: imageActionLabels.upload
 };
 
 export { EditImageDropdownMenu };

package/packages/level2/meta/components/file-upload/FileUpload.d.ts

@@ -1,5 +1,5 @@
 import { PropertyMeta } from "../../core/property-meta";
-import { VoidFunc } from "../../../../fd-toolbox/functions/getter-setter-functions";
+import { VoidFunc } from "../../../../fd-toolbox/functions/internal-getter-setter-functions";
 /**
  * Props for the {@link FileUpload} component.
  */
@@ -34,14 +34,7 @@ export interface FileUploadProps {
  *
  * @example
  * ```tsx
- * const form = useForm();
- *
- * <FileUpload
- *     label="Profile Picture"
- *     form={form}
- *     required={true}
- *     allowMultiple={false}
- * />
+    <FileUpload label="Profile Picture" required={true} allowMultiple={false} />;
  * ```
  */
 export declare function FileUpload({ allowMultiple, value, required, label, isNew, relatedResourceId, propertyMeta, onChange, onFileDelete, }: FileUploadProps): import("react").JSX.Element;

package/packages/level2/meta/components/file-upload/FileUpload.funcs.d.ts

@@ -1,4 +1,4 @@
-import { SetStateFunc, VoidFunc } from "../../../../fd-toolbox/functions/getter-setter-functions";
+import { SetStateFunc, VoidFunc } from "../../../../fd-toolbox/functions/internal-getter-setter-functions";
 import { FileData } from "../../../../fd-toolbox/constants/file-loader-data-types";
 import { PropertyMeta } from "../../core/property-meta";
 export declare function processMediaFiles(setFiles: SetStateFunc<FileData[]>, setError: VoidFunc<string>, files?: FileList, propertyMeta?: PropertyMeta, relatedResourceId?: string, isNew?: boolean, onChange?: VoidFunc<File[], string[]>): Promise<void>;

package/packages/level2/meta/components/file-upload/FileUpload.funcs.js

@@ -5,7 +5,8 @@ import { fieldValuesSeparator } from '../../../../fd-toolbox/constants/constants
 import { apiGetBlob } from '../../../../fd-toolbox/api/api-client.js';
 import { uploadBlobs, deleteBlob } from '../../edit-resource/services/blob-components.js';
 import { promiseStatuses } from '../../../../fd-toolbox-core/constants/promises.js';
+import { contentFormatElements } from '../../../../fd-toolbox/constants/html-constants.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x66c8a8,_0x5dee6d)=>__defProp(_0x66c8a8,'name',{'value':_0x5dee6d,'configurable':!![]});async function processMediaFiles(_0x1c25b7,_0x42b39b,_0x21c7e0,_0x431bf0,_0x584b5e,_0x2cbe0f,_0x2af384){if(!_0x21c7e0)return;const _0x1f6aa8=Array['from'](_0x21c7e0),_0x5547e2=await getFilesUrlAndPreview(_0x1f6aa8,[],_0x42b39b);_0x1c25b7(_0x13714b=>[..._0x13714b,..._0x5547e2]);if(_0x2cbe0f||!_0x584b5e)_0x2af384?.(_0x1f6aa8,[]);else {const _0x2e40b3=await uploadBlobs(_0x1f6aa8,_0x584b5e,_0x431bf0?.['relation']?.['relatedPropertyName']),_0x53cecf=await getFilesUrlAndPreview(_0x1f6aa8,_0x2e40b3,_0x42b39b);_0x2af384?.(_0x1f6aa8,_0x2e40b3),_0x1c25b7(_0x5467ea=>[..._0x5467ea['filter'](_0x394766=>!_0x5547e2['includes'](_0x394766)),..._0x53cecf]);}}__name(processMediaFiles,'processMediaFiles');async function getFilesUrlAndPreview(_0x67474d,_0x2538ce,_0x585b36){const _0x3d3ed1=[],_0x5b8fa8=_0x67474d['map'](async(_0x3801d8,_0x4383e7)=>{const _0x49dd00=await processFile(_0x3801d8,_0x2538ce?.[_0x4383e7],_0x585b36);if(_0x49dd00)_0x3d3ed1['push'](_0x49dd00);});return await Promise['all'](_0x5b8fa8),_0x3d3ed1;}__name(getFilesUrlAndPreview,'getFilesUrlAndPreview');async function deleteFile(_0x166995,_0x4bd0ce,_0x3b346c){_0x3b346c(_0x1cf660=>_0x1cf660['filter']((_0x8b5d1c,_0x4ce50a)=>_0x4ce50a!==_0x166995)),await deleteBlob(_0x4bd0ce[_0x166995]['url']);}__name(deleteFile,'deleteFile');function onFileUploadHandler(_0x284e3d,_0xf293c5,_0x1344f5,_0x41836c,_0x16dd6b,_0x27c764,_0x13540e,_0x208360,_0x544de0){_0x284e3d&&(_0x1344f5(void(0xc32+0xdca+-0x19fc)),processMediaFiles(_0xf293c5,_0x1344f5,_0x16dd6b??void(-0x1*-0x202d+-0xa33+-0x2*0xafd),_0x27c764,_0x13540e,_0x208360,_0x544de0)),_0x41836c&&(_0x41836c['value']='');}__name(onFileUploadHandler,'onFileUploadHandler');async function onInitUpload(_0x2e2241,_0x3ffeb5){const _0x34e3b0=_0x3ffeb5?_0x3ffeb5['split'](fieldValuesSeparator):[],_0x498d64=await Promise['allSettled'](_0x34e3b0['map'](_0x433fe9=>apiGetBlob(_0x433fe9['slice'](_0x433fe9['lastIndexOf']('/')+(-0x3*-0x335+0x1*-0x209e+-0x10*-0x170))))),_0x10156d=_0x498d64['filter'](_0x426a3d=>_0x426a3d['status']===promiseStatuses['fulfilled']&&_0x426a3d['value']instanceof Blob),_0x2fed61=_0x10156d['map']((_0x114267,_0x4c2767)=>createFileFromBlob(_0x114267['value'],_0x34e3b0[_0x4c2767])),_0x20eccc=await getFilesUrlAndPreview(_0x2fed61,_0x34e3b0);_0x2e2241(_0x20eccc);}__name(onInitUpload,'onInitUpload');async function handleFileDelete(_0x2b60a8,_0x5927ac,_0x4be209,_0x11bf01,_0x21e7fb){_0x5927ac['length']===0x26c1+0x2f*0x89+-0x3fe7&&_0x11bf01(''),await deleteFile(_0x2b60a8,_0x5927ac,_0x4be209),_0x21e7fb?.(_0x5927ac['map'](_0x16c315=>_0x16c315['url']),_0x5927ac[_0x2b60a8]['url']);}__name(handleFileDelete,'handleFileDelete');function createFileFromBlob(_0x3277bb,_0x126a6c){const _0x52b095=_0x126a6c['slice'](_0x126a6c['lastIndexOf']('/')+(-0x205d+0x1b4e+-0xd8*-0x6));return new File([_0x3277bb],_0x52b095,{'type':_0x3277bb['type']});}__name(createFileFromBlob,'createFileFromBlob');function getVideoPreview(_0x21799c,_0x5740d4=0x5c*0x3a+-0x469*-0x1+-0x193e){const _0x486347=document['createElement']('video');return _0x486347['src']=_0x21799c,new Promise(_0x24d571=>{_0x486347['onloadeddata']=()=>{_0x486347['currentTime']=_0x5740d4,_0x486347['onseeked']=()=>{const _0x252610=document['createElement']('canvas'),_0x2aa7d5=_0x252610['getContext']('2d');if(_0x2aa7d5){_0x252610['width']=_0x486347['videoWidth'],_0x252610['height']=_0x486347['videoHeight'],_0x2aa7d5['drawImage'](_0x486347,0x195e*-0x1+0x16a+0x17f4,-0xc41*-0x1+0x189*-0x15+-0x2*-0x9fe,_0x252610['width'],_0x252610['height']);const _0x34368e=_0x252610['toDataURL']('image/png');_0x24d571(_0x34368e);}};};});}__name(getVideoPreview,'getVideoPreview');async function processFile(_0x51cf26,_0x547168,_0x365e59){const _0x56a53a=_0x547168??URL['createObjectURL'](_0x51cf26);if(supportedImageTypes['includes'](_0x51cf26['type']))return {'url':_0x56a53a};if(supportedVideoTypes['includes'](_0x51cf26['type'])){const _0x489238=await getVideoPreview(_0x56a53a);return {'url':_0x56a53a,'preview':_0x489238};}return _0x365e59?.('Unsupported\x20file\x20type:\x20'+_0x51cf26['type']),void(-0x1*0x1e3b+0x1c2*0x11+0x1*0x59);}__name(processFile,'processFile');
+var __defProp=Object['defineProperty'],__name=(_0x5bfa99,_0x14de53)=>__defProp(_0x5bfa99,'name',{'value':_0x14de53,'configurable':!![]});async function processMediaFiles(_0x2b8021,_0x2cb80b,_0x368c3e,_0x20d398,_0x53de08,_0xeedbf3,_0x56a8b3){if(!_0x368c3e)return;const _0x11328e=Array['from'](_0x368c3e),_0x737c78=await getFilesUrlAndPreview(_0x11328e,[],_0x2cb80b);_0x2b8021(_0x1838b1=>[..._0x1838b1,..._0x737c78]);if(_0xeedbf3||!_0x53de08)_0x56a8b3?.(_0x11328e,[]);else {const _0x481438=await uploadBlobs(_0x11328e,_0x53de08,_0x20d398?.['relation']?.['relatedPropertyName']),_0x43f134=await getFilesUrlAndPreview(_0x11328e,_0x481438,_0x2cb80b);_0x56a8b3?.(_0x11328e,_0x481438),_0x2b8021(_0xa170=>[..._0xa170['filter'](_0x5bc44a=>!_0x737c78['includes'](_0x5bc44a)),..._0x43f134]);}}__name(processMediaFiles,'processMediaFiles');async function getFilesUrlAndPreview(_0x3fee5c,_0x36c455,_0x3dac03){const _0x5b7572=[],_0xce6f84=_0x3fee5c['map'](async(_0x291df3,_0x25aa74)=>{const _0x134207=await processFile(_0x291df3,_0x36c455?.[_0x25aa74],_0x3dac03);if(_0x134207)_0x5b7572['push'](_0x134207);});return await Promise['all'](_0xce6f84),_0x5b7572;}__name(getFilesUrlAndPreview,'getFilesUrlAndPreview');async function deleteFile(_0x50243a,_0x3dd3ba,_0x1db7bd){_0x1db7bd(_0x51019f=>_0x51019f['filter']((_0x1acb75,_0x2cc3f1)=>_0x2cc3f1!==_0x50243a)),await deleteBlob(_0x3dd3ba[_0x50243a]['url']);}__name(deleteFile,'deleteFile');function onFileUploadHandler(_0x3d23d7,_0x3ecaf9,_0x3459b9,_0x12236e,_0x491909,_0x2f3e4d,_0x18ac40,_0x54cfde,_0x276975){_0x3d23d7&&(_0x3459b9(void(0x950+0x130b*0x2+-0x2f66)),processMediaFiles(_0x3ecaf9,_0x3459b9,_0x491909??void(0x1caf+-0xf36+-0xd79),_0x2f3e4d,_0x18ac40,_0x54cfde,_0x276975)),_0x12236e&&(_0x12236e['value']='');}__name(onFileUploadHandler,'onFileUploadHandler');async function onInitUpload(_0x24fa1b,_0x24149c){const _0x575519=_0x24149c?_0x24149c['split'](fieldValuesSeparator):[],_0x42fa16=await Promise['allSettled'](_0x575519['map'](_0x1c03b7=>apiGetBlob(_0x1c03b7['slice'](_0x1c03b7['lastIndexOf']('/')+(0xfa2+0x4*-0x577+0x63b))))),_0x43f256=_0x42fa16['filter'](_0x5604ff=>_0x5604ff['status']===promiseStatuses['fulfilled']&&_0x5604ff['value']instanceof Blob),_0x31741c=_0x43f256['map']((_0x4b5267,_0x5095c8)=>createFileFromBlob(_0x4b5267['value'],_0x575519[_0x5095c8])),_0x45047a=await getFilesUrlAndPreview(_0x31741c,_0x575519);_0x24fa1b(_0x45047a);}__name(onInitUpload,'onInitUpload');async function handleFileDelete(_0x526481,_0x30d84f,_0x4718e3,_0x45fe2d,_0x11e850){_0x30d84f['length']===-0x3fb*0x1+-0xc*0x5f+0x870&&_0x45fe2d(''),await deleteFile(_0x526481,_0x30d84f,_0x4718e3),_0x11e850?.(_0x30d84f['map'](_0x22cebc=>_0x22cebc['url']),_0x30d84f[_0x526481]['url']);}__name(handleFileDelete,'handleFileDelete');function createFileFromBlob(_0x5b5eac,_0x94dba0){const _0x5288bd=_0x94dba0['slice'](_0x94dba0['lastIndexOf']('/')+(-0x701+0x3a4+-0x1af*-0x2));return new File([_0x5b5eac],_0x5288bd,{'type':_0x5b5eac['type']});}__name(createFileFromBlob,'createFileFromBlob');function getVideoPreview(_0x4924e3,_0x129754=0x1f1e+0x17*0x3b+-0x2468){const _0x44aaf6=document['createElement'](contentFormatElements['video']);return _0x44aaf6['src']=_0x4924e3,new Promise(_0x152a7c=>{_0x44aaf6['onloadeddata']=()=>{_0x44aaf6['currentTime']=_0x129754,_0x44aaf6['onseeked']=()=>{const _0x43c838=document['createElement']('canvas'),_0x3dbf2e=_0x43c838['getContext']('2d');if(_0x3dbf2e){_0x43c838['width']=_0x44aaf6['videoWidth'],_0x43c838['height']=_0x44aaf6['videoHeight'],_0x3dbf2e['drawImage'](_0x44aaf6,-0x1af5+0x1*0x18b9+0x23c,-0x1*-0x1551+0x32*0x14+-0x1939,_0x43c838['width'],_0x43c838['height']);const _0x253101=_0x43c838['toDataURL'](supportedImageTypes[-0xd85+0xb54+0x2*0x119]);_0x152a7c(_0x253101);}};};});}__name(getVideoPreview,'getVideoPreview');async function processFile(_0x25c6c8,_0x5c2212,_0x4ec1ad){const _0x122c53=_0x5c2212??URL['createObjectURL'](_0x25c6c8);let _0x195422;if(supportedImageTypes['includes'](_0x25c6c8['type']))_0x195422={'url':_0x122c53};else {if(supportedVideoTypes['includes'](_0x25c6c8['type'])){const _0x5656bc=await getVideoPreview(_0x122c53);_0x195422={'url':_0x122c53,'preview':_0x5656bc};}else _0x4ec1ad?.('Unsupported\x20file\x20type:\x20'+_0x25c6c8['type']);}return _0x195422;}__name(processFile,'processFile');
 
 export { deleteFile, getFilesUrlAndPreview, handleFileDelete, onFileUploadHandler, onInitUpload, processMediaFiles };

package/packages/level2/meta/components/file-upload/FileUpload.js

@@ -1,7 +1,7 @@
 'use strict';
 'use client';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { FrameworkImage } from '../../../fd-component-toolbox/client/framework/index.js';
+import '../../../fd-component-toolbox/client/framework/index.js';
 import { useState } from 'react';
 import { supportedImageTypes, supportedVideoTypes, supportedImageExtensions, supportedVideoExtensions } from '../../../../fd-toolbox/constants/file-loader-data-types.js';
 import { Icon, iconNames, iconSizes } from '../../../fd-component-toolbox/icon/Icon.js';
@@ -13,6 +13,7 @@ import { cn } from '../../../../fd-toolbox/lib/utils.js';
 import { Button } from '../../../fd-component-toolbox/button/Button.js';
 import { PreviewMedia } from './PreviewMedia.js';
 import { useEmptyRef } from '../../../../fd-toolbox/hooks/use-empty-ref.js';
+import FrameworkImage from 'next/image.js';
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {

package/packages/level2/meta/components/file-upload/PreviewMedia.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { VoidFuncNoParam } from "../../../../fd-toolbox/functions/getter-setter-functions";
+import { VoidFuncNoParam } from "../../../../fd-toolbox/functions/internal-getter-setter-functions";
 import { FileData } from "../../../../fd-toolbox/constants/file-loader-data-types";
 /**
  * Props for the {@link PreviewMedia} component.

package/packages/level2/meta/components/file-upload/PreviewMedia.js

@@ -1,8 +1,9 @@
 'use strict';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { FrameworkImage } from '../../../fd-component-toolbox/client/framework/index.js';
+import '../../../fd-component-toolbox/client/framework/index.js';
 import { Button } from '../../../fd-component-toolbox/button/Button.js';
 import { Icon, iconNames } from '../../../fd-component-toolbox/icon/Icon.js';
+import FrameworkImage from 'next/image.js';
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {

package/packages/level2/meta/components/multi-list/MultiList.d.ts

@@ -1,5 +1,5 @@
 import { MultiListConfig, MultiListItem } from "./multi-list-types";
-import { VoidFunc, VoidFuncNoParam } from "../../../../fd-toolbox/functions/getter-setter-functions";
+import { VoidFunc, VoidFuncNoParam } from "../../../../fd-toolbox/functions/internal-getter-setter-functions";
 import { CellContext } from "../../table/table-models";
 import { Comment } from "../../core/resources/comment.resource";
 import { ShortResourceDescriptor } from "../../browsers/browser/short-resource-descriptor";
@@ -23,17 +23,23 @@ export interface MultiListProps {
  *
  * @example
  * ```tsx
- * function MyComponent() {
- *     const [multiListItems, setMultiListItems] = useState([]);
- *
- *     return (
- *         <MultiList
- *             multiListItems={multiListItems}
- *             tableConfig={{excludeProperties: [], customActions: [], editMode: 0}}
- *             type={0}
- *         />
- *     );
- * }
+    function MyComponent() {
+        return (
+            <MultiList
+                multiListItems={[
+                    {
+                        relatedResourceElementId: "student-relations",
+                        resourceId: "123e4567-e89b-12d3-a456-426614174000",
+                        resourceName: "Student",
+                        displayName: "Students",
+                        propertyName: "students",
+                        type: fdMultiListItemType.resource,
+                    },
+                ]}
+                multiListConfig={{ tableMaxNumberOfColumns: 3 }}
+            />
+        );
+    }
  * ```
  */
 export declare function MultiList({ multiListItems, className, onCustomAction, onMultiListResourceRelationChange, multiListConfig, commentList, onSavingStarting, onSavingEnding, }: MultiListProps): import("react").JSX.Element;

package/packages/level2/meta/components/multi-list/MultiList.funcs.d.ts

@@ -1,14 +1,9 @@
-import { CellContext, TableConfig, TableCustomActionTemplateProps } from "../../table/table-models";
-import { VoidFunc } from "../../../../fd-toolbox/functions/getter-setter-functions";
-import { MultiListConfig, MultiListItem, MultiListSection } from "./multi-list-types";
+import { CellContext, TableCustomActionTemplateProps } from "../../table/table-models";
+import { VoidFunc } from "../../../../fd-toolbox/functions/internal-getter-setter-functions";
+import { MultiListConfig, MultiListItem } from "./multi-list-types";
 import { ShortResourceDescriptor } from "../../browsers/browser/short-resource-descriptor";
 import type { Element } from "../../../../fd-toolbox/types/react-types";
 import { ResourceListConfig } from "../../edit-resource/config/resource-list-config";
 type ManyToOneHeaderCellRenderer = (props: TableCustomActionTemplateProps, multiListItem: MultiListItem, onMultiListResourceRelationChange: VoidFunc<MultiListItem, ShortResourceDescriptor>) => Element;
-export declare function getMultiListConfig(tableConfig?: TableConfig, multiListSections?: MultiListSection[]): {
-    tableMaxNumberOfColumns: number;
-    tableConfig: TableConfig;
-    customSections: MultiListSection[];
-};
 export declare function getMultilistResourceListConfig(config: MultiListConfig, multiListItem: MultiListItem, renderManyToOneHeaderCell: ManyToOneHeaderCellRenderer, onCustomAction?: VoidFunc<CellContext, MultiListItem>, onMultiListResourceRelationChange?: VoidFunc<MultiListItem, ShortResourceDescriptor>): ResourceListConfig;
 export {};

package/packages/level2/meta/components/multi-list/MultiList.funcs.js

@@ -7,6 +7,6 @@ import { getODataBuilder } from '../../../../fd-toolbox/odata/odata-builder-func
 import { getObjectValues } from '../../../../fd-toolbox/lib/utils.js';
 import { tableDisplayModes } from '../../../../fd-toolbox/enums/enums.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x41e580,_0x4a387c)=>__defProp(_0x41e580,'name',{'value':_0x4a387c,'configurable':!![]});const defaultMaxColumnsCount=-0x341+0xc05*-0x3+0x2756;function getMultiListConfig(_0x413a32,_0x44bbdf){return {'tableMaxNumberOfColumns':defaultMaxColumnsCount,'tableConfig':_0x413a32,'customSections':_0x44bbdf};}__name(getMultiListConfig,'getMultiListConfig');function getMultilistResourceListConfig(_0x5501e7,_0x5d443c,_0x2710f7,_0x53d1b9,_0x1e7918){let _0x5c9db7;const _0x759c1={..._0x5501e7['tableConfig']};_0x759c1['displayMode']=tableDisplayModes['minimal'];!_0x759c1['customActions']?.['length']&&(_0x759c1['customActions']=[]);_0x1e7918&&_0x5d443c['parentResourcePropertyMeta']&&isManyToOneRelation(_0x5d443c['parentResourcePropertyMeta'])&&_0x759c1['customActions']['push']({'displayName':changeRelationName,'shouldTableRefreshAfter':!![],'actionType':tableCustomActionTypes['template'],'getTemplate':__name(_0x2893a4=>_0x2710f7(_0x2893a4,_0x5d443c,_0x1e7918),'getTemplate')});const _0x44346d=getODataBuilder()['build']();_0x44346d['filters']=getObjectValues(_0x5d443c['filters']),_0x5c9db7={'resourceName':_0x5d443c['resourceName'],'tableConfig':_0x759c1,'oDataConfig':_0x44346d,'showFilters':![],'tableRequired':![],'pluralName':_0x5d443c['displayName'],'hideBackButton':!![],'hideResourceListDropdownMenu':!![]};if(!_0x5d443c['isRequiredRelation'])return _0x5c9db7;return _0x759c1['customActions']['push']({'icon':iconNames['linkBreak1Icon'],'displayName':unassignActionName,'onCellAction':__name(_0x21618d=>_0x53d1b9?.(_0x21618d,_0x5d443c),'onCellAction'),'shouldTableRefreshAfter':!![],'actionType':tableCustomActionTypes['icon']}),{..._0x5c9db7,'tableConfig':_0x759c1};}__name(getMultilistResourceListConfig,'getMultilistResourceListConfig');
+var __defProp=Object['defineProperty'],__name=(_0x247491,_0x283afa)=>__defProp(_0x247491,'name',{'value':_0x283afa,'configurable':!![]});function getMultilistResourceListConfig(_0x1ebbdf,_0x2dab67,_0x74d383,_0x193791,_0x47657f){let _0xd83d0b;const _0x48d087={..._0x1ebbdf['tableConfig']};_0x48d087['displayMode']=tableDisplayModes['minimal'];!_0x48d087['customActions']?.['length']&&(_0x48d087['customActions']=[]);_0x47657f&&_0x2dab67['parentResourcePropertyMeta']&&isManyToOneRelation(_0x2dab67['parentResourcePropertyMeta'])&&_0x48d087['customActions']['push']({'displayName':changeRelationName,'shouldTableRefreshAfter':!![],'actionType':tableCustomActionTypes['template'],'getTemplate':__name(_0x3b1973=>_0x74d383(_0x3b1973,_0x2dab67,_0x47657f),'getTemplate')});const _0x4c8349=getODataBuilder()['build']();_0x4c8349['filters']=getObjectValues(_0x2dab67['filters']),_0xd83d0b={'resourceName':_0x2dab67['resourceName'],'tableConfig':_0x48d087,'oDataConfig':_0x4c8349,'showFilters':![],'tableRequired':![],'pluralName':_0x2dab67['displayName'],'hideBackButton':!![],'hideResourceListDropdownMenu':!![]};if(!_0x2dab67['isRequiredRelation'])return _0xd83d0b;return _0x48d087['customActions']['push']({'icon':iconNames['linkBreak1Icon'],'displayName':unassignActionName,'onCellAction':__name(_0x5e798f=>_0x193791?.(_0x5e798f,_0x2dab67),'onCellAction'),'shouldTableRefreshAfter':!![],'actionType':tableCustomActionTypes['icon']}),{..._0xd83d0b,'tableConfig':_0x48d087};}__name(getMultilistResourceListConfig,'getMultilistResourceListConfig');
 
-export { getMultiListConfig, getMultilistResourceListConfig };
+export { getMultilistResourceListConfig };

package/packages/level2/meta/components/multi-list/MultiList.js

@@ -2,8 +2,9 @@
 import { c } from 'react/compiler-runtime';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { cn } from '../../../../fd-toolbox/lib/utils.js';
-import { fdMultiListItemType } from './multi-list-types.js';
-import { getMultiListConfig, getMultilistResourceListConfig } from './MultiList.funcs.js';
+import { multiListItemTypes } from './multi-list-types.js';
+import { getMultiListConfig } from './multi-list-config.js';
+import { getMultilistResourceListConfig } from './MultiList.funcs.js';
 import { useState, createElement } from 'react';
 import { ResourceList } from '../../resource-list/ResourceList.js';
 import { useAsyncEffect } from '../../../../fd-toolbox/hooks/use-async-effect.js';
@@ -49,24 +50,26 @@ function MultiList(t0) {
   return jsxs("div", {
     className: cn("flex flex-col gap-6 pb-5 lg:pb-0", className),
     children: [multiListItems.map(multiListItem => {
-      if (multiListItem.type === fdMultiListItemType.resource) {
+      let content;
+      if (multiListItem.type === multiListItemTypes.resource) {
         const resourceListConfig = getMultilistResourceListConfig(config, multiListItem, RenderManyToOneHeaderCell, onCustomAction, onMultiListResourceRelationChange);
-        return jsx("div", {
+        content = jsx("div", {
           id: multiListItem.relatedResourceElementId,
           className: "flex flex-col",
           children: jsx(ResourceList, {
             config: resourceListConfig
           })
         }, `${multiListItem.resourceId}_${multiListItem.relatedResourceElementId}`);
+      } else {
+        if (multiListItem.type === multiListItemTypes.editResource) {
+          content = jsx(MultiListEditResource, {
+            multiListItem,
+            onSavingStarting,
+            onSavingEnding
+          }, `${multiListItem.resourceId}_${multiListItem.relatedResourceElementId}`);
+        }
       }
-      if (multiListItem.type === fdMultiListItemType.editResource) {
-        return jsx(MultiListEditResource, {
-          multiListItem,
-          onSavingStarting,
-          onSavingEnding
-        }, `${multiListItem.resourceId}_${multiListItem.relatedResourceElementId}`);
-      }
-      return void 0;
+      return content;
     }), jsx(MultiListCustomSections, {
       multiListConfig
     }), commentList && commentList.length > 0 && uiResourceMeta && jsxs(Fragment, {
@@ -102,7 +105,8 @@ function MultiListCustomSections({
   if (!multiListCustomSections) return void 0;
   const multiListPermittedSections = multiListCustomSections.filter(section => section.hasPermission);
   return multiListPermittedSections.map(permittedSection => createElement(permittedSection.component, {
-    key: permittedSection.id
+    key: permittedSection.id,
+    id: permittedSection.id
   }));
 }
 __name(MultiListCustomSections, "MultiListCustomSections");

package/packages/level2/meta/components/multi-list/MultiListEditResource.d.ts

@@ -1,5 +1,5 @@
 import { MultiListItem } from "./multi-list-types";
-import { VoidFuncNoParam } from "../../../../fd-toolbox/functions/getter-setter-functions";
+import { VoidFuncNoParam } from "../../../../fd-toolbox/functions/internal-getter-setter-functions";
 /**
  * Props of {@link MultiListEditResource}
  */
@@ -15,7 +15,16 @@ export interface MultiListEditResourceProps {
  *
  * @example
  * ```tsx
- *  <MultiListEditResource multiListItem={{...}} />
+    <MultiListEditResource
+        multiListItem={{
+            relatedResourceElementId: "student-resource",
+            resourceId: "123e4567-e89b-12d3-a456-426614174000",
+            resourceName: "Student",
+            displayName: "Student details",
+            propertyName: "studentId",
+            type: fdMultiListItemType.editResource,
+        }}
+    />
  * ```
  */
 export default function MultiListEditResource({ multiListItem, onSavingStarting, onSavingEnding, }: MultiListEditResourceProps): import("react").JSX.Element;

package/packages/level2/meta/components/multi-list/MultiListEditResource.js

@@ -6,7 +6,8 @@ import { useState } from 'react';
 import { useAsyncEffect } from '../../../../fd-toolbox/hooks/use-async-effect.js';
 import { EditResource } from '../../edit-resource/EditResource.js';
 import { useMultiListEditResourceConfig } from './use-multi-list-edit-resource-config.js';
-import { getEmptyEditResourceConfig } from '../../edit-resource/config/edit-resource-configs.js';
+import { getEmptyEditResourceConfig } from '../../edit-resource/config/internal-edit-resource-configs.js';
+import { first } from '../../../../fd-toolbox/server/collections/single-funcs.js';
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
@@ -23,13 +24,14 @@ function MultiListEditResource(t0) {
   const [uiResourceMeta, setUiResourceMeta] = useState();
   useMultiListEditResourceConfig(multiListItem.resourceName);
   let t1;
-  if ($[0] !== multiListItem.filters[0].rightSide || $[1] !== multiListItem.resourceName) {
+  if ($[0] !== multiListItem.filters || $[1] !== multiListItem.resourceName) {
     t1 = async () => {
-      if (multiListItem.filters[0].rightSide) {
+      const firstFilter = first(Object.values(multiListItem.filters));
+      if (firstFilter.rightSide) {
         setUiResourceMeta(await fetchUiResourceMeta(multiListItem.resourceName));
       }
     };
-    $[0] = multiListItem.filters[0].rightSide;
+    $[0] = multiListItem.filters;
     $[1] = multiListItem.resourceName;
     $[2] = t1;
   } else {

package/packages/level2/meta/components/multi-list/multi-list-config.d.ts

@@ -0,0 +1,7 @@
+import { TableConfig } from "../../table/table-models";
+import { MultiListSection } from "./multi-list-types";
+export declare function getMultiListConfig(tableConfig?: TableConfig, multiListSections?: MultiListSection[]): {
+    tableMaxNumberOfColumns: number;
+    tableConfig: TableConfig;
+    customSections: MultiListSection[];
+};

package/packages/level2/meta/components/multi-list/multi-list-config.js

@@ -0,0 +1,4 @@
+'use strict';
+var __defProp=Object['defineProperty'],__name=(_0xd8db11,_0x4b17b1)=>__defProp(_0xd8db11,'name',{'value':_0x4b17b1,'configurable':!![]});const defaultMaxColumnsCount=0x52+-0x1fe3*-0x1+-0x202f;function getMultiListConfig(_0x58ee7d,_0x27147e){return {'tableMaxNumberOfColumns':defaultMaxColumnsCount,'tableConfig':_0x58ee7d,'customSections':_0x27147e};}__name(getMultiListConfig,'getMultiListConfig');
+
+export { getMultiListConfig };

package/packages/level2/meta/components/multi-list/multi-list-constants.d.ts

@@ -0,0 +1,7 @@
+/** @monorepo-internal */
+export declare const multiListSectionNames: {
+    readonly rolesAndPermissions: "Roles and permissions";
+};
+export declare const multiListSectionNamespaces: {
+    readonly rolesAndPermissions: "a3bb189e-8bf9-3888-9912-ace4e6543002";
+};

package/packages/level2/meta/components/multi-list/multi-list-constants.js

@@ -0,0 +1,4 @@
+'use strict';
+const multiListSectionNames={'rolesAndPermissions':'Roles\x20and\x20permissions'};const multiListSectionNamespaces={'rolesAndPermissions':'a3bb189e-8bf9-3888-9912-ace4e6543002'};
+
+export { multiListSectionNames, multiListSectionNamespaces };

package/packages/level2/meta/components/multi-list/multi-list-item-type.d.ts

@@ -0,0 +1,2 @@
+import { ResourceMeta } from "../../core/resource-meta";
+export declare function getMultiListItemType(resourceMeta: ResourceMeta): number;

package/packages/level2/meta/components/multi-list/multi-list-item-type.js

@@ -0,0 +1,7 @@
+'use strict';
+import { isResourceSingleton } from '../../core/resource-singletons.js';
+import { multiListItemTypes } from './multi-list-types.js';
+
+var __defProp=Object['defineProperty'],__name=(_0x3c381c,_0x431c17)=>__defProp(_0x3c381c,'name',{'value':_0x431c17,'configurable':!![]});function getMultiListItemType(_0x4f5471){if(isResourceSingleton(_0x4f5471))return multiListItemTypes['editResource'];else return multiListItemTypes['resource'];}__name(getMultiListItemType,'getMultiListItemType');
+
+export { getMultiListItemType };

package/packages/level2/meta/components/multi-list/multi-list-types.d.ts

@@ -2,15 +2,16 @@ import { WithIndexer } from "../../../../fd-toolbox-core/types/with-indexer";
 import { BaseODataFilter } from "../../../../fd-toolbox/odata/filters/base-odata-filter";
 import { TableConfig } from "../../table/table-models";
 import { PropertyMeta } from "../../core/property-meta";
+import type { WithNullableId } from "../../../../fd-toolbox-core/types/resource-with-id";
 import type { FunctionComponent } from "../../../../fd-toolbox/types/react-types";
 /**
- * {@link fdMultiListItemType}
+ * {@link multiListItemTypes}
  */
-export declare const fdMultiListItemType: {
+export declare const multiListItemTypes: {
     resource: number;
     editResource: number;
 };
-export type MultiListItemType = (typeof fdMultiListItemType)[keyof typeof fdMultiListItemType];
+export type MultiListItemType = (typeof multiListItemTypes)[keyof typeof multiListItemTypes];
 /**
  * {@link MultiListConfig}
  */
@@ -22,7 +23,7 @@ export interface MultiListConfig {
 export interface MultiListSection {
     id: string;
     displayName: string;
-    component: FunctionComponent;
+    component: FunctionComponent<WithNullableId>;
     hasPermission: boolean;
 }
 /**

package/packages/level2/meta/components/multi-list/multi-list-types.js

@@ -1,4 +1,4 @@
 'use strict';
-const fdMultiListItemType={'resource':0x0,'editResource':0x1};
+const multiListItemTypes={'resource':0x0,'editResource':0x1};
 
-export { fdMultiListItemType };
+export { multiListItemTypes };

package/packages/level2/meta/components/multi-list/templates/ManyToOneTableHeaderCellTemplate.d.ts

@@ -1,4 +1,4 @@
-import { VoidFunc, VoidFuncNoParam } from "../../../../../fd-toolbox/functions/getter-setter-functions";
+import { VoidFunc, VoidFuncNoParam } from "../../../../../fd-toolbox/functions/internal-getter-setter-functions";
 import { PropertyMeta } from "../../../core/property-meta";
 import { MultiListItem } from "../multi-list-types";
 import { ShortResourceDescriptor } from "../../../browsers/browser/short-resource-descriptor";

package/packages/level2/meta/components/multi-list/use-multi-list-edit-resource-config.js

@@ -2,8 +2,8 @@
 import { c } from 'react/compiler-runtime';
 import { useEffect } from 'react';
 import { useGlobalConfig } from '../../providers/global-provider/GlobalContext.js';
-import { getDefaultEditResourceConfig } from '../../edit-resource/config/edit-resource-configs.js';
+import { getDefaultEditResourceConfig } from '../../edit-resource/config/internal-edit-resource-configs.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x21be52,_0xeb9237)=>__defProp(_0x21be52,'name',{'value':_0xeb9237,'configurable':!![]});function useMultiListEditResourceConfig(_0x4855bf){const _0x2becb0=c(-0x1*-0x17dd+-0x2f1*0x5+-0x91d*0x1),{globalConfig:_0x110b1f,setGlobalConfig:_0x553f9d}=useGlobalConfig();let _0x5a1bb0;if(_0x2becb0[-0x8*0x46c+0x8*-0x2af+-0x4*-0xe36]!==_0x110b1f||_0x2becb0[0x1494+0x1*0x735+-0x1bc8]!==_0x4855bf){if(_0x4855bf){const _0x4a155b=_0x110b1f['multiListEditResourceConfig']?.[_0x4855bf];_0x5a1bb0=_0x4a155b??getDefaultEditResourceConfig(_0x4855bf);}_0x2becb0[0x1e31*0x1+0x1e9+-0x201a]=_0x110b1f,_0x2becb0[0x6ba+-0x4*-0x5cb+0x9f7*-0x3]=_0x4855bf,_0x2becb0[0x2*0x26e+-0x2257*-0x1+-0x4f*0x7f]=_0x5a1bb0;}else _0x5a1bb0=_0x2becb0[-0x39*-0x1b+-0xd6*-0x7+-0xbdb];let _0x28412b;_0x2becb0[-0x1*0xafa+0x1*0x112d+-0xb*0x90]!==_0x5a1bb0||_0x2becb0[0x24ef+-0x148d+-0x105e*0x1]!==_0x4855bf||_0x2becb0[0x25a9*0x1+0x429+-0x29cd]!==_0x553f9d?(_0x28412b=()=>{if(!_0x4855bf||!_0x5a1bb0)return;_0x553f9d(_0x1ca3b7=>({..._0x1ca3b7,'multiListEditResourceConfig':{..._0x1ca3b7['multiListEditResourceConfig'],[_0x4855bf]:_0x5a1bb0}}));},_0x2becb0[0x86*-0x6+-0x7e*-0x10+0x27*-0x1f]=_0x5a1bb0,_0x2becb0[-0x227+-0x2*0x655+0x1*0xed5]=_0x4855bf,_0x2becb0[0x58*0x6e+0x13*0x59+-0x2c66]=_0x553f9d,_0x2becb0[0x7b1*-0x1+0x59d+-0x2*-0x10d]=_0x28412b):_0x28412b=_0x2becb0[0xf18+0x3a*0x14+0x139a*-0x1];let _0x2db13c;return _0x2becb0[-0x1fb1+-0x1dbc*0x1+0x3d74]!==_0x5a1bb0||_0x2becb0[-0xc6*0x29+-0xa56+0x150a*0x2]!==_0x4855bf||_0x2becb0[-0x191e+0x1*-0x89b+0x21c2]!==_0x553f9d?(_0x2db13c=[_0x5a1bb0,_0x4855bf,_0x553f9d],_0x2becb0[-0x100+-0x186e*0x1+0x1975]=_0x5a1bb0,_0x2becb0[0x1fd*0x13+-0xad*-0x1d+-0x3958]=_0x4855bf,_0x2becb0[0x21e8+-0x1*0x1247+-0xf98*0x1]=_0x553f9d,_0x2becb0[-0x8bc+0x1806+-0xf40]=_0x2db13c):_0x2db13c=_0x2becb0[-0x11*0x1b1+0x988+-0x1343*-0x1],useEffect(_0x28412b,_0x2db13c),_0x5a1bb0;}__name(useMultiListEditResourceConfig,'useMultiListEditResourceConfig');
+var __defProp=Object['defineProperty'],__name=(_0x552430,_0x34c41a)=>__defProp(_0x552430,'name',{'value':_0x34c41a,'configurable':!![]});function useMultiListEditResourceConfig(_0x469cc4){const _0x4dc4bf=c(-0x1*0xc33+0x1b1e+0x44*-0x38),{globalConfig:_0x554002,setGlobalConfig:_0x2052ea}=useGlobalConfig();let _0x1a843f;if(_0x4dc4bf[-0x33a*-0x3+-0xc*0xfb+0x10b*0x2]!==_0x554002||_0x4dc4bf[0xc74*0x1+-0x18a0+0xc2d]!==_0x469cc4){if(_0x469cc4){const _0x4b4ee9=_0x554002['multiListEditResourceConfig']?.[_0x469cc4];_0x1a843f=_0x4b4ee9??getDefaultEditResourceConfig(_0x469cc4);}_0x4dc4bf[-0xf5*0x1b+-0x5d9+0xd*0x270]=_0x554002,_0x4dc4bf[-0x20ed+-0x222*-0xd+0x534]=_0x469cc4,_0x4dc4bf[0x1834*0x1+0x430*-0x8+0x94e]=_0x1a843f;}else _0x1a843f=_0x4dc4bf[0x1371*-0x1+-0x233*0x3+0x1a0c];let _0x12d24a;_0x4dc4bf[0x1fd*0x3+0x2408+0x14fe*-0x2]!==_0x1a843f||_0x4dc4bf[-0x55c*0x4+-0x368+-0x25*-0xac]!==_0x469cc4||_0x4dc4bf[0x1*0x21b5+0x1f*-0xc+-0x203c]!==_0x2052ea?(_0x12d24a=()=>{if(!_0x469cc4||!_0x1a843f)return;_0x2052ea(_0x401cd7=>({..._0x401cd7,'multiListEditResourceConfig':{..._0x401cd7['multiListEditResourceConfig'],[_0x469cc4]:_0x1a843f}}));},_0x4dc4bf[-0x101c+-0xd8a*-0x2+0xbb*-0xf]=_0x1a843f,_0x4dc4bf[0x9*0x339+-0xbad+-0x1150]=_0x469cc4,_0x4dc4bf[-0x1537*0x1+0x1d1a+-0x35*0x26]=_0x2052ea,_0x4dc4bf[-0x620+0x21bf*0x1+-0x1b99]=_0x12d24a):_0x12d24a=_0x4dc4bf[0x223*-0x11+-0x1*0x1fa5+0x43fe];let _0x2809a3;return _0x4dc4bf[0x8f7+-0x1*-0xbaf+0x149f*-0x1]!==_0x1a843f||_0x4dc4bf[0x1efc*0x1+0xaed*0x1+-0x29e1]!==_0x469cc4||_0x4dc4bf[-0x1*0x2b1+0x12*0x216+0x1*-0x22d2]!==_0x2052ea?(_0x2809a3=[_0x1a843f,_0x469cc4,_0x2052ea],_0x4dc4bf[0x247c+0x4*-0x7a4+-0x5e5]=_0x1a843f,_0x4dc4bf[-0x1385*-0x2+0x21d8+-0x48da]=_0x469cc4,_0x4dc4bf[-0x18ca+0x5*-0x5a7+0x3516]=_0x2052ea,_0x4dc4bf[0x1*0xe63+-0x1f98+0x113f*0x1]=_0x2809a3):_0x2809a3=_0x4dc4bf[-0x2049+-0x1525*0x1+-0x76*-0x74],useEffect(_0x12d24a,_0x2809a3),_0x1a843f;}__name(useMultiListEditResourceConfig,'useMultiListEditResourceConfig');
 
 export { useMultiListEditResourceConfig };

package/packages/level2/meta/components/related-resources/RelatedResources.d.ts

@@ -1,5 +1,5 @@
 import { WithId } from "../../../../fd-toolbox-core/types/resource-with-id";
-import { SetStateFunc } from "../../../../fd-toolbox/functions/getter-setter-functions";
+import { SetStateFunc } from "../../../../fd-toolbox/functions/internal-getter-setter-functions";
 import { MultiListConfig, MultiListItem } from "../multi-list/multi-list-types";
 import { Comment } from "../../core/resources/comment.resource";
 import { UiResourceMeta } from "../../ui-resource-meta";

package/packages/level2/meta/components/related-resources/RelatedResources.funcs.d.ts

@@ -4,7 +4,7 @@ import { MultiListItem, MultiListItemType } from "../multi-list/multi-list-types
 import { ResourceMeta } from "../../core/resource-meta";
 import { CellContext } from "../../table/table-models";
 import { UiResourceMeta } from "../../ui-resource-meta";
-import { VoidFunc } from "../../../../fd-toolbox/functions/getter-setter-functions";
+import { VoidFunc } from "../../../../fd-toolbox/functions/internal-getter-setter-functions";
 export declare function onViewMultiListRelationChange(multiListItem: MultiListItem, resourceMeta: ResourceMeta, resource: WithId, newRelatedResource: ShortResourceDescriptor): Promise<void>;
 export declare function onRelationUnassign(context: CellContext, multiListItem: MultiListItem, resourceMeta: ResourceMeta, resource: WithId): Promise<void>;
 export declare function initializeMultiListItems(uiResourceMeta: UiResourceMeta, setMultiListItems: VoidFunc<MultiListItem[]>, resource: WithId, multiListItemType: MultiListItemType, multiListItemsFromProps?: MultiListItem[]): Promise<void>;

package/packages/level2/meta/components/related-resources/RelatedResources.funcs.js

@@ -3,6 +3,6 @@ import { changeFiltersForManyToOne, removeResourceRelation } from '../../relatio
 import { apiAddRelation } from '../../edit-resource/services/property-metas.js';
 import { getRelatedResourceMultiListItems } from './related-resources-component.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x2bb160,_0x9f1b22)=>__defProp(_0x2bb160,'name',{'value':_0x9f1b22,'configurable':!![]});async function onViewMultiListRelationChange(_0xedf83,_0x5a15a2,_0x382dd3,_0x5a05a7){const _0x39279f=_0xedf83['propertyName'];changeFiltersForManyToOne(_0xedf83['filters'],_0x5a05a7['id']),await apiAddRelation(_0x382dd3,_0x5a15a2['resourceName'],_0x39279f,_0x5a05a7['id']);}__name(onViewMultiListRelationChange,'onViewMultiListRelationChange');async function onRelationUnassign(_0x129139,_0x5cd26d,_0x33ca27,_0x30f380){const _0x4a5d46=_0x129139['tableInstance']['uiResourceMeta']?.['resourceMeta'],_0x1256b0=_0x129139['row']['item']['id'],_0x48350b=_0x5cd26d['propertyName'],_0x32a633=__name(()=>{changeFiltersForManyToOne(_0x5cd26d['filters']);},'setManyToOneFilters');await removeResourceRelation(_0x4a5d46,_0x1256b0,_0x33ca27,_0x48350b,_0x32a633,_0x30f380);}__name(onRelationUnassign,'onRelationUnassign');async function initializeMultiListItems(_0x2fab6c,_0x57facd,_0x2ecde8,_0x155245,_0x328d8a){if(_0x328d8a)_0x57facd(_0x328d8a);else {const _0x517113=await getRelatedResourceMultiListItems(_0x2fab6c,_0x2ecde8['id'],_0x155245,_0x2ecde8);_0x57facd(_0x517113);}}__name(initializeMultiListItems,'initializeMultiListItems');
+var __defProp=Object['defineProperty'],__name=(_0x3355e9,_0xd0c913)=>__defProp(_0x3355e9,'name',{'value':_0xd0c913,'configurable':!![]});async function onViewMultiListRelationChange(_0x225bf1,_0x312ef3,_0x83ae5a,_0x19ff8d){const _0x2cd8c1=_0x225bf1['propertyName'];changeFiltersForManyToOne(_0x225bf1['filters'],_0x19ff8d['id']),await apiAddRelation(_0x83ae5a,_0x312ef3['resourceName'],_0x2cd8c1,_0x19ff8d['id']);}__name(onViewMultiListRelationChange,'onViewMultiListRelationChange');async function onRelationUnassign(_0xe3f47f,_0x115567,_0x17784e,_0x4ee95b){const _0x526bf2=_0xe3f47f['tableInstance']['uiResourceMeta']?.['resourceMeta'],_0x20259a=_0xe3f47f['row']['item']['id'],_0x9bbdaa=_0x115567['propertyName'],_0x462c68=__name(()=>{changeFiltersForManyToOne(_0x115567['filters']);},'setManyToOneFilters');await removeResourceRelation(_0x526bf2,_0x20259a,_0x17784e,_0x9bbdaa,_0x462c68,_0x4ee95b);}__name(onRelationUnassign,'onRelationUnassign');async function initializeMultiListItems(_0x7edb67,_0x44bd83,_0x4f4a92,_0x48c415,_0xf54370){if(_0xf54370)_0x44bd83(_0xf54370);else {const _0x4f038f=await getRelatedResourceMultiListItems(_0x7edb67,_0x4f4a92['id'],_0x48c415,_0x4f4a92);_0x44bd83(_0x4f038f);}}__name(initializeMultiListItems,'initializeMultiListItems');
 
 export { initializeMultiListItems, onRelationUnassign, onViewMultiListRelationChange };

package/packages/level2/meta/components/related-resources/RelatedResources.js

@@ -4,8 +4,8 @@ import { jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { MultiList } from '../multi-list/MultiList.js';
 import { initializeMultiListItems, onRelationUnassign, onViewMultiListRelationChange } from './RelatedResources.funcs.js';
+import { getMultiListItemType } from '../multi-list/multi-list-item-type.js';
 import { useAsyncEffect } from '../../../../fd-toolbox/hooks/use-async-effect.js';
-import { getEditMultiListItemType } from '../../edit-resource/EditResourceTabs.funcs.js';
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
@@ -32,7 +32,7 @@ function RelatedResources(t0) {
   const [multiListItems, setMultiListItems] = useState(t1);
   let t2;
   if ($[1] !== uiResourceMeta.resourceMeta) {
-    t2 = getEditMultiListItemType(uiResourceMeta.resourceMeta);
+    t2 = getMultiListItemType(uiResourceMeta.resourceMeta);
     $[1] = uiResourceMeta.resourceMeta;
     $[2] = t2;
   } else {

package/packages/level2/meta/components/related-resources/related-property.js

@@ -4,6 +4,6 @@ import { isArray } from '../../../../fd-toolbox/types/ensure-type.js';
 import { getUserFriendlyPropertyValue } from '../../services/property-values.js';
 import { getRelatedItemDisplayValue } from '../../core/resource-description/resource-descriptions.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x343ecc,_0x47e7c3)=>__defProp(_0x343ecc,'name',{'value':_0x47e7c3,'configurable':!![]});async function getRelatedPropertyValue(_0x20f135,_0x1b5f43,_0x2e9789,_0x21f648){const _0x2e236e=getOptionalPropertyValue(_0x1b5f43,_0x2e9789);if(isArray(_0x2e236e))return getRelatedPropertyValues(_0x21f648,_0x2e236e);return getUserFriendlyPropertyValue(_0x20f135,_0x2e9789,_0x1b5f43);}__name(getRelatedPropertyValue,'getRelatedPropertyValue');async function getRelatedPropertyValues(_0x22e9e6,_0x155103){const _0x1f5db8=[];for(const _0x31f089 of _0x155103){const _0x37ee89=await getRelatedItemDisplayValue(_0x22e9e6,_0x31f089);_0x1f5db8['push'](_0x37ee89);}return _0x1f5db8['join'](',\x20');}__name(getRelatedPropertyValues,'getRelatedPropertyValues');
+var __defProp=Object['defineProperty'],__name=(_0x2d2fb3,_0x47fe94)=>__defProp(_0x2d2fb3,'name',{'value':_0x47fe94,'configurable':!![]});async function getRelatedPropertyValue(_0x5288ad,_0x31a1f7,_0x23f3e2,_0x3062b8){const _0x1683c5=getOptionalPropertyValue(_0x31a1f7,_0x23f3e2);if(isArray(_0x1683c5))return getRelatedPropertyValues(_0x3062b8,_0x1683c5);return getUserFriendlyPropertyValue(_0x5288ad,_0x23f3e2,_0x31a1f7);}__name(getRelatedPropertyValue,'getRelatedPropertyValue');async function getRelatedPropertyValues(_0x23cfb7,_0xc63aac){const _0x30eaa9=[];for(const _0x3ec740 of _0xc63aac){const _0x1b02d9=await getRelatedItemDisplayValue(_0x23cfb7,_0x3ec740);_0x30eaa9['push'](_0x1b02d9);}return _0x30eaa9['join'](',\x20');}__name(getRelatedPropertyValues,'getRelatedPropertyValues');
 
 export { getRelatedPropertyValue, getRelatedPropertyValues };

package/packages/level2/meta/components/related-resources/related-resources-component.js

@@ -1,15 +1,14 @@
 'use strict';
-import { getViewMultiListFiltersForManyToManyBrowserField } from '../../browsers/many-to-many-browser/ManyToManyBrowser.funcs.js';
 import { withIdProps } from '../../../../fd-toolbox-core/types/resource-with-id.js';
 import { emptyUuid } from '../../../../fd-toolbox/constants/constants.js';
 import { oDataFilterTypes } from '../../../../fd-toolbox/odata/odata-enums.js';
-import { isManyToManyBrowserField, isOneToManyBrowserField, isManyToOneBrowserField } from '../../edit-resource/edit-resource-property-block/EditResourcePropertyBlock.funcs.js';
+import { isManyToManyBrowserField, getViewMultiListFiltersForManyToManyBrowserField, isOneToManyBrowserField, isManyToOneBrowserField } from '../../services/property-fields.js';
 import { getObjectValues } from '../../../../fd-toolbox/lib/utils.js';
 import { getEmptyUuid } from '../../../../fd-toolbox/uuids.js';
 import { wellKnownMetaProps } from '../../../../fd-toolbox-core/constants/meta-constants.js';
 import { fetchUiResourceMeta } from '../../ui-meta-providers.js';
 import { isManyToOneRelation } from '../../relations/meta-relations.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x40ee79,_0x5e2d39)=>__defProp(_0x40ee79,'name',{'value':_0x5e2d39,'configurable':!![]});async function getRelatedResourceMultiListItems(_0x56f2c0,_0x450a46,_0x430654,_0x49dfab){const _0xdf6d7d=_0x56f2c0['resourceMeta'];if(!_0xdf6d7d['properties'])return [];let _0x51028e={};for(const _0x54d5fe of getObjectValues(_0xdf6d7d['properties'])){if(shouldRelationBeDisplayed(_0x54d5fe,_0x51028e)&&_0x54d5fe['name']!==wellKnownMetaProps['workspaceId']){const _0x2b8f49=await generateMultiListFilters(_0x54d5fe,_0x450a46,_0x49dfab);_0x2b8f49&&_0x54d5fe['relation']&&await addResourceToMap(_0x51028e,_0x54d5fe,_0x2b8f49,_0x430654);}}const _0x483476=filterMultiListItems(getObjectValues(_0x51028e),_0x56f2c0);return sortMultiListItems(_0x483476,_0x56f2c0),_0x483476;}__name(getRelatedResourceMultiListItems,'getRelatedResourceMultiListItems');function shouldRelationBeDisplayed(_0x2bc90b,_0x1e67b9){return (_0x2bc90b['isDisplayable']||_0x2bc90b['isViewVisible'])&&_0x2bc90b['relation']&&!_0x1e67b9[_0x2bc90b['relation']?.['relatedResourceName']];}__name(shouldRelationBeDisplayed,'shouldRelationBeDisplayed');async function generateMultiListFilters(_0x3be81f,_0x24eee8,_0x5f16da){if(isManyToManyBrowserField(_0x3be81f))return getViewMultiListFiltersForManyToManyBrowserField(_0x3be81f,_0x24eee8);else {if(isOneToManyBrowserField(_0x3be81f))return getMultiListFiltersForMultiBrowserField(_0x3be81f,_0x24eee8,_0x5f16da);else {if(isManyToOneBrowserField(_0x3be81f))return getMultiListFiltersForManyToOneBrowserField(_0x3be81f,_0x5f16da);}}return void(0x2664+0x109e*0x1+-0x3702);}__name(generateMultiListFilters,'generateMultiListFilters');async function getMultiListFiltersForMultiBrowserField(_0x55a1b8,_0x3ebc3e,_0x66a766){const _0x540135=await fetchUiResourceMeta(_0x55a1b8['relation']?.['relatedResourceName']??'');return _0x55a1b8['relation']?.['relatedPropertyName']&&_0x540135['properties'][_0x55a1b8['relation']['relatedPropertyName']]?[{'leftSide':_0x55a1b8['relation']['relatedPropertyName'],'rightSide':_0x3ebc3e,'type':oDataFilterTypes['guid']}]:[{'leftSide':withIdProps['id'],'rightSide':_0x66a766?_0x66a766[_0x55a1b8['name']]?.['toString']()??emptyUuid:emptyUuid,'type':oDataFilterTypes['guid']}];}__name(getMultiListFiltersForMultiBrowserField,'getMultiListFiltersForMultiBrowserField');async function getMultiListFiltersForManyToOneBrowserField(_0x572ef8,_0x4f4f69){let _0x22ad10;return _0x4f4f69&&(_0x22ad10=[{'leftSide':withIdProps['id'],'rightSide':_0x4f4f69[_0x572ef8['name']],'type':oDataFilterTypes['guid']}]),_0x22ad10;}__name(getMultiListFiltersForManyToOneBrowserField,'getMultiListFiltersForManyToOneBrowserField');async function addResourceToMap(_0x42b935,_0x3f82fc,_0x237e8b,_0x209a6b){const _0x491148=Object['fromEntries'](_0x237e8b['map']((_0x59f875,_0x5b661f)=>[_0x5b661f,_0x59f875]));_0x42b935[_0x3f82fc['displayName']]={'relatedResourceElementId':'multiListResource'+_0x3f82fc['relation']['relatedResourceName'],'resourceId':getEmptyUuid(),'displayName':_0x3f82fc['displayName'],'resourceName':_0x3f82fc['relation']['relatedResourceName'],'filters':_0x491148,'propertyName':_0x3f82fc['name'],'isRequiredRelation':_0x3f82fc['required']||_0x3f82fc['relation']['relatedResourceRequiresRelation'],'type':_0x209a6b},isManyToOneRelation(_0x3f82fc)&&(_0x42b935[_0x3f82fc['displayName']]['parentResourcePropertyMeta']=_0x3f82fc);}__name(addResourceToMap,'addResourceToMap');function sortMultiListItems(_0x3e5d6c,_0x2c87f6){_0x3e5d6c['sort']((_0x4fd4f7,_0x9a7cb6)=>{const _0x13323c=_0x2c87f6['properties'][_0x4fd4f7['propertyName']]['uiRelation']['uiRelationPriority']??-0x2*-0x113f+0xc6f+0x125*-0x29,_0x1249dc=_0x2c87f6['properties'][_0x9a7cb6['propertyName']]['uiRelation']['uiRelationPriority']??-0xf5d+-0x21d9*-0x1+-0xa9*0x1c;return _0x1249dc-_0x13323c;});}__name(sortMultiListItems,'sortMultiListItems');function filterMultiListItems(_0x530a70,_0xfc8be4){return _0x530a70['filter'](_0xee9316=>(_0xfc8be4['properties'][_0xee9316['propertyName']]['uiRelation']['uiRelationPriority']??-0x6a1*-0x1+0x1dd0+0x13*-0x1eb)<0x1*-0x240b+0x23e3+0x4*0x104);}__name(filterMultiListItems,'filterMultiListItems');
+var __defProp=Object['defineProperty'],__name=(_0x4bba34,_0x1b679c)=>__defProp(_0x4bba34,'name',{'value':_0x1b679c,'configurable':!![]});async function getRelatedResourceMultiListItems(_0x581ec5,_0x1da7a1,_0x3938cd,_0x588886){const _0x3da82d=_0x581ec5['resourceMeta'];if(!_0x3da82d['properties'])return [];let _0x5a15eb={};for(const _0x3aabbd of getObjectValues(_0x3da82d['properties'])){if(shouldRelationBeDisplayed(_0x3aabbd,_0x5a15eb)&&_0x3aabbd['name']!==wellKnownMetaProps['workspaceId']){const _0x34fc96=await generateMultiListFilters(_0x3aabbd,_0x1da7a1,_0x588886);_0x34fc96&&_0x3aabbd['relation']&&await addResourceToMap(_0x5a15eb,_0x3aabbd,_0x34fc96,_0x3938cd);}}const _0x10902c=filterMultiListItems(getObjectValues(_0x5a15eb),_0x581ec5);return sortMultiListItems(_0x10902c,_0x581ec5),_0x10902c;}__name(getRelatedResourceMultiListItems,'getRelatedResourceMultiListItems');function shouldRelationBeDisplayed(_0x493f43,_0x5065d6){return (_0x493f43['isDisplayable']||_0x493f43['isViewVisible'])&&_0x493f43['relation']&&!_0x5065d6[_0x493f43['relation']?.['relatedResourceName']];}__name(shouldRelationBeDisplayed,'shouldRelationBeDisplayed');async function generateMultiListFilters(_0x457dc8,_0x25607f,_0x444a7b){if(isManyToManyBrowserField(_0x457dc8))return getViewMultiListFiltersForManyToManyBrowserField(_0x457dc8,_0x25607f);else {if(isOneToManyBrowserField(_0x457dc8))return getMultiListFiltersForMultiBrowserField(_0x457dc8,_0x25607f,_0x444a7b);else {if(isManyToOneBrowserField(_0x457dc8))return getMultiListFiltersForManyToOneBrowserField(_0x457dc8,_0x444a7b);}}return void(0x6e2*0x2+-0x1895+0xad1);}__name(generateMultiListFilters,'generateMultiListFilters');async function getMultiListFiltersForMultiBrowserField(_0x340bb8,_0x18423e,_0x4ff61c){const _0x32ecc0=await fetchUiResourceMeta(_0x340bb8['relation']?.['relatedResourceName']??'');return _0x340bb8['relation']?.['relatedPropertyName']&&_0x32ecc0['properties'][_0x340bb8['relation']['relatedPropertyName']]?[{'leftSide':_0x340bb8['relation']['relatedPropertyName'],'rightSide':_0x18423e,'type':oDataFilterTypes['guid']}]:[{'leftSide':withIdProps['id'],'rightSide':_0x4ff61c?_0x4ff61c[_0x340bb8['name']]?.['toString']()??emptyUuid:emptyUuid,'type':oDataFilterTypes['guid']}];}__name(getMultiListFiltersForMultiBrowserField,'getMultiListFiltersForMultiBrowserField');async function getMultiListFiltersForManyToOneBrowserField(_0x46f951,_0x5e9410){let _0x58f430;return _0x5e9410&&(_0x58f430=[{'leftSide':withIdProps['id'],'rightSide':_0x5e9410[_0x46f951['name']],'type':oDataFilterTypes['guid']}]),_0x58f430;}__name(getMultiListFiltersForManyToOneBrowserField,'getMultiListFiltersForManyToOneBrowserField');async function addResourceToMap(_0xd70167,_0x20fdc0,_0x40bf7e,_0x2658df){const _0xcdeba9=Object['fromEntries'](_0x40bf7e['map']((_0x551d96,_0x33bdab)=>[_0x33bdab,_0x551d96]));_0xd70167[_0x20fdc0['displayName']]={'relatedResourceElementId':'multiListResource'+_0x20fdc0['relation']['relatedResourceName'],'resourceId':getEmptyUuid(),'displayName':_0x20fdc0['displayName'],'resourceName':_0x20fdc0['relation']['relatedResourceName'],'filters':_0xcdeba9,'propertyName':_0x20fdc0['name'],'isRequiredRelation':_0x20fdc0['required']||_0x20fdc0['relation']['relatedResourceRequiresRelation'],'type':_0x2658df},isManyToOneRelation(_0x20fdc0)&&(_0xd70167[_0x20fdc0['displayName']]['parentResourcePropertyMeta']=_0x20fdc0);}__name(addResourceToMap,'addResourceToMap');function sortMultiListItems(_0x156b85,_0x51604e){_0x156b85['sort']((_0x43a5b5,_0x1d4673)=>{const _0x5cd85c=_0x51604e['properties'][_0x43a5b5['propertyName']]['uiRelation']['uiRelationPriority']??-0x155d+0xfff*-0x1+0x255c,_0x5e1e22=_0x51604e['properties'][_0x1d4673['propertyName']]['uiRelation']['uiRelationPriority']??-0x1b97*-0x1+0x6*-0x337+0x19*-0x55;return _0x5e1e22-_0x5cd85c;});}__name(sortMultiListItems,'sortMultiListItems');function filterMultiListItems(_0x49bda3,_0x4fee46){return _0x49bda3['filter'](_0x7bf184=>(_0x4fee46['properties'][_0x7bf184['propertyName']]['uiRelation']['uiRelationPriority']??0x1e74+-0x26b6+0x7*0x12e)<0x5*-0x7b1+-0x1877+0x42d4);}__name(filterMultiListItems,'filterMultiListItems');
 
 export { getRelatedResourceMultiListItems };

package/packages/level2/meta/components/user-settings/RolesSettingsLinks.d.ts

@@ -1 +1,2 @@
-export declare function RolesSettingsLinks(): import("react").JSX.Element;
+import type { WithNullableId } from "../../../../fd-toolbox-core/types/resource-with-id";
+export declare function RolesSettingsLinks({ id }: WithNullableId): import("react").JSX.Element;