@fernir2/saas-kit 0.0.207 → 0.0.208

package/packages/level2/meta/card-list/data-card/data-card-content/DataCardContent.js

@@ -1,16 +1,9 @@
 'use strict';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { FrameworkImage } from '../../../../fd-component-toolbox/client/framework/index.js';
 import { CardFooter } from '../../../../fd-component-toolbox/card/Card.js';
-import { getRelatedResourceImageUrl, isColorful, getBackgroundColorClassName, isDescriptionProperty, onViewClick, isExpandProperty, prepareDisplayableProperties } from './DataCardContent.funcs.js';
+import { prepareDisplayableProperties } from './DataCardContent.funcs.js';
+import { renderDataCardPropertyValue } from './DataCardContent.render.funcs.js';
 import { FadeOutText } from '../../../../fd-component-toolbox/fade-out-text/FadeOutText.js';
-import { isEmail, isUrl } from '../../../core/property-types.js';
-import { Link } from '../../../../fd-component-toolbox/link/Link.js';
-import { getMailToUrl, getAbsoluteUrl } from '../../../../../fd-toolbox/routing/routers.js';
-import { Badge } from '../../../../fd-component-toolbox/badge/Badge.js';
-import { ViewSheet } from '../../../view/ViewSheet.js';
-import { Avatar, AvatarImage, AvatarFallback } from '../../../../fd-component-toolbox/avatar/Avatar.js';
-import { getOptionalPropertyValue } from '../../../../../fd-toolbox/objects/property-value.js';
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
@@ -22,75 +15,6 @@ function DataCardContent({
   item,
   resource
 }) {
-  const resourceName = uiResourceMeta.resourceMeta.resourceName;
-  const renderPropertyValue = /* @__PURE__ */__name(property => {
-    const propertyMeta = property.propertyMeta;
-    const relationName = propertyMeta.relation?.relatedResourceName;
-    const relationId = getOptionalPropertyValue(resource, property.name);
-    const imageUrl = getRelatedResourceImageUrl(resource, propertyMeta);
-    if (isEmail(propertyMeta.type, propertyMeta.typeFormat)) {
-      return /* @__PURE__ */jsx(Link, {
-        className: "text-fd-accent cursor-pointer hover:cursor-pointer",
-        href: getMailToUrl(property.value),
-        openInNewTab: true,
-        children: property.value
-      });
-    }
-    if (isColorful(propertyMeta, property.uiPropertyMeta)) {
-      return /* @__PURE__ */jsx(Badge, {
-        className: `rounded-md px-1 py-px font-normal ${getBackgroundColorClassName(property.name, resource)}`,
-        children: property.value
-      });
-    }
-    if (isUrl(propertyMeta.type, propertyMeta.typeFormat)) {
-      return /* @__PURE__ */jsx(Link, {
-        className: "text-fd-accent cursor-pointer hover:cursor-pointer",
-        href: getAbsoluteUrl(property.value),
-        openInNewTab: true,
-        children: property.value
-      });
-    }
-    if (isDescriptionProperty(uiResourceMeta.resourceMeta, property.name)) {
-      return /* @__PURE__ */jsx("div", {
-        className: "text-fd-accent cursor-pointer hover:cursor-pointer",
-        children: /* @__PURE__ */jsx(ViewSheet, {
-          id: resource.id,
-          resourceName,
-          onEditClick: () => onViewClick(resourceName, item.id),
-          children: /* @__PURE__ */jsx("p", {
-            children: property.value
-          })
-        })
-      });
-    }
-    if (isExpandProperty(propertyMeta)) {
-      return /* @__PURE__ */jsxs("div", {
-        className: "text-fd-accent flex cursor-pointer items-center hover:cursor-pointer",
-        children: [imageUrl && /* @__PURE__ */jsxs(Avatar, {
-          className: "mr-2 size-5",
-          children: [/* @__PURE__ */jsx(AvatarImage, {}), /* @__PURE__ */jsx(AvatarFallback, {
-            children: /* @__PURE__ */jsx(FrameworkImage, {
-              className: "object-fill",
-              src: imageUrl,
-              alt: "Resource image",
-              width: 40,
-              height: 40
-            })
-          })]
-        }), /* @__PURE__ */jsx(ViewSheet, {
-          id: relationId,
-          resourceName: relationName,
-          onEditClick: () => onViewClick(relationName, relationId),
-          children: /* @__PURE__ */jsx("p", {
-            children: property.value
-          })
-        })]
-      });
-    }
-    return /* @__PURE__ */jsx("p", {
-      children: property.value
-    });
-  }, "renderPropertyValue");
   return /* @__PURE__ */jsx(CardFooter, {
     className: "relative w-full flex-col items-start overflow-hidden p-2 text-sm",
     children: prepareDisplayableProperties(uiResourceMeta.properties, item, resource.id, uiResourceMeta.resourceMeta.properties).map(property => /* @__PURE__ */jsxs("div", {
@@ -99,7 +23,7 @@ function DataCardContent({
         className: "shrink-0 font-medium",
         children: property.displayName
       }), /* @__PURE__ */jsx(FadeOutText, {
-        children: renderPropertyValue(property)
+        children: renderDataCardPropertyValue(property, resource, uiResourceMeta.resourceMeta, item.id)
       })]
     }, property.key))
   });

package/packages/level2/meta/card-list/data-card/data-card-content/DataCardContent.render.funcs.d.ts

@@ -0,0 +1,4 @@
+import { CardDisplayableProperty } from "./DataCardContent.funcs";
+import { WithId } from "../../../../../fd-toolbox-core/types/resource-with-id";
+import { ResourceMeta } from "../../../core/resource-meta";
+export declare function renderDataCardPropertyValue(property: CardDisplayableProperty, resource: WithId, resourceMeta: ResourceMeta, itemId: string): import("react").JSX.Element;

package/packages/level2/meta/card-list/data-card/data-card-content/DataCardContent.render.funcs.js

@@ -0,0 +1,86 @@
+'use strict';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { FrameworkImage } from '../../../../fd-component-toolbox/client/framework/index.js';
+import { Link } from '../../../../fd-component-toolbox/link/Link.js';
+import { Badge } from '../../../../fd-component-toolbox/badge/Badge.js';
+import { ViewSheet } from '../../../view/ViewSheet.js';
+import { Avatar, AvatarImage, AvatarFallback } from '../../../../fd-component-toolbox/avatar/Avatar.js';
+import { isEmail, isUrl } from '../../../core/property-types.js';
+import { getMailToUrl, getAbsoluteUrl } from '../../../../../fd-toolbox/routing/routers.js';
+import { getRelatedResourceImageUrl, isColorful, getBackgroundColorClassName, isDescriptionProperty, onViewClick, isExpandProperty } from './DataCardContent.funcs.js';
+import { getOptionalPropertyValue } from '../../../../../fd-toolbox/objects/property-value.js';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", {
+  value,
+  configurable: true
+});
+function renderDataCardPropertyValue(property, resource, resourceMeta, itemId) {
+  const propertyMeta = property.propertyMeta;
+  const resourceName = resourceMeta.resourceName;
+  const relationName = propertyMeta.relation?.relatedResourceName;
+  const relationId = getOptionalPropertyValue(resource, property.name);
+  const imageUrl = getRelatedResourceImageUrl(resource, propertyMeta);
+  let content = /* @__PURE__ */jsx("p", {
+    children: property.value
+  });
+  if (isEmail(propertyMeta.type, propertyMeta.typeFormat)) {
+    content = /* @__PURE__ */jsx(Link, {
+      className: "text-fd-accent cursor-pointer hover:cursor-pointer",
+      href: getMailToUrl(property.value),
+      openInNewTab: true,
+      children: property.value
+    });
+  } else if (isColorful(propertyMeta, property.uiPropertyMeta)) {
+    content = /* @__PURE__ */jsx(Badge, {
+      className: `rounded-md px-1 py-px font-normal ${getBackgroundColorClassName(property.name, resource)}`,
+      children: property.value
+    });
+  } else if (isUrl(propertyMeta.type, propertyMeta.typeFormat)) {
+    content = /* @__PURE__ */jsx(Link, {
+      className: "text-fd-accent cursor-pointer hover:cursor-pointer",
+      href: getAbsoluteUrl(property.value),
+      openInNewTab: true,
+      children: property.value
+    });
+  } else if (isDescriptionProperty(resourceMeta, property.name)) {
+    content = /* @__PURE__ */jsx("div", {
+      className: "text-fd-accent cursor-pointer hover:cursor-pointer",
+      children: /* @__PURE__ */jsx(ViewSheet, {
+        id: resource.id,
+        resourceName,
+        onEditClick: () => onViewClick(resourceName, itemId),
+        children: /* @__PURE__ */jsx("p", {
+          children: property.value
+        })
+      })
+    });
+  } else if (isExpandProperty(propertyMeta)) {
+    content = /* @__PURE__ */jsxs("div", {
+      className: "text-fd-accent flex cursor-pointer items-center hover:cursor-pointer",
+      children: [imageUrl && /* @__PURE__ */jsxs(Avatar, {
+        className: "mr-2 size-5",
+        children: [/* @__PURE__ */jsx(AvatarImage, {}), /* @__PURE__ */jsx(AvatarFallback, {
+          children: /* @__PURE__ */jsx(FrameworkImage, {
+            className: "object-fill",
+            src: imageUrl,
+            alt: "Resource image",
+            width: 40,
+            height: 40
+          })
+        })]
+      }), /* @__PURE__ */jsx(ViewSheet, {
+        id: relationId,
+        resourceName: relationName,
+        onEditClick: () => onViewClick(relationName, relationId),
+        children: /* @__PURE__ */jsx("p", {
+          children: property.value
+        })
+      })]
+    });
+  }
+  return content;
+}
+__name(renderDataCardPropertyValue, "renderDataCardPropertyValue");
+
+export { renderDataCardPropertyValue };

package/packages/level2/meta/client/framework/hooks.js

@@ -3,7 +3,8 @@ import { c } from 'react/compiler-runtime';
 import { useRouter as useRouter$1, usePathname as usePathname$1, useSearchParams as useSearchParams$1 } from 'next/navigation.js';
 import { useIsClient } from '../../../../fd-toolbox/hooks/use-is-client.js';
 import { createError } from '../../../../fd-toolbox/errors/errors.js';
+import { navigationMethodNames } from '../../../../base-repo/constants/common-strings.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x7e1e9,_0x4901c9)=>__defProp(_0x7e1e9,'name',{'value':_0x4901c9,'configurable':!![]});const ssrRouterError='Router\x20method\x20{0}\x20is\x20not\x20implemented\x20on\x20the\x20server.',emptyRouter={'push':__name(()=>{throw createError(ssrRouterError['replace']('{0}','push'));},'push'),'replace':__name(()=>{throw createError(ssrRouterError['replace']('{0}','replace'));},'replace'),'refresh':__name(()=>{throw createError(ssrRouterError['replace']('{0}','refresh'));},'refresh'),'back':__name(()=>{throw createError(ssrRouterError['replace']('{0}','back'));},'back'),'forward':__name(()=>{throw createError(ssrRouterError['replace']('{0}','forward'));},'forward'),'prefetch':__name(async()=>{throw createError(ssrRouterError['replace']('{0}','prefetch'));},'prefetch')};function useRouter(){const _0xc46151=useRouter$1(),_0x9fa56d=useIsClient();return _0x9fa56d?_0xc46151:emptyRouter;}__name(useRouter,'useRouter');function usePathname(){const _0x7be185=usePathname$1(),_0x1ff63b=useIsClient();return _0x1ff63b?_0x7be185:'';}__name(usePathname,'usePathname');function useSearchParams(){const _0x5a7e7a=c(-0xbde+0x24ef+-0x85a*0x3),_0x2ad0f7=useSearchParams$1(),_0xf36101=useIsClient();let _0x3dd5dc;return _0x5a7e7a[0x1*-0x23f3+0x2464+0x1*-0x71]!==_0xf36101||_0x5a7e7a[-0x9*-0x431+-0x13f+-0x2479*0x1]!==_0x2ad0f7?(_0x3dd5dc=_0xf36101?_0x2ad0f7:new URLSearchParams(),_0x5a7e7a[0x3*-0xa13+-0x5*-0x354+0xd95]=_0xf36101,_0x5a7e7a[0x7*0xd4+0x429+-0x5b*0x1c]=_0x2ad0f7,_0x5a7e7a[0x72a*0x2+-0x248f+0x163d]=_0x3dd5dc):_0x3dd5dc=_0x5a7e7a[0xd45+-0x9*0x37d+-0xd3*-0x16],_0x3dd5dc;}__name(useSearchParams,'useSearchParams');
+var __defProp=Object['defineProperty'],__name=(_0x1c95e3,_0x5b3c1f)=>__defProp(_0x1c95e3,'name',{'value':_0x5b3c1f,'configurable':!![]});const ssrRouterError='Router\x20method\x20{0}\x20is\x20not\x20implemented\x20on\x20the\x20server.',emptyRouter={'push':__name(()=>{throw createError(ssrRouterError['replace']('{0}',navigationMethodNames['push']));},'push'),'replace':__name(()=>{throw createError(ssrRouterError['replace']('{0}',navigationMethodNames['replace']));},'replace'),'refresh':__name(()=>{throw createError(ssrRouterError['replace']('{0}','refresh'));},'refresh'),'back':__name(()=>{throw createError(ssrRouterError['replace']('{0}','back'));},'back'),'forward':__name(()=>{throw createError(ssrRouterError['replace']('{0}','forward'));},'forward'),'prefetch':__name(async()=>{throw createError(ssrRouterError['replace']('{0}','prefetch'));},'prefetch')};function useRouter(){const _0x410a8d=useRouter$1(),_0x4314c5=useIsClient();return _0x4314c5?_0x410a8d:emptyRouter;}__name(useRouter,'useRouter');function usePathname(){const _0xad0e5b=usePathname$1(),_0x33c200=useIsClient();return _0x33c200?_0xad0e5b:'';}__name(usePathname,'usePathname');function useSearchParams(){const _0x38da54=c(-0x1*-0x13d0+0xd3a*-0x2+-0x6a7*-0x1),_0x1f7823=useSearchParams$1(),_0x5adbdf=useIsClient();let _0x38e943;return _0x38da54[-0xb5*0x7+-0x1ab4+-0x3*-0xa8d]!==_0x5adbdf||_0x38da54[-0x1ef4+0x7bd*0x3+-0x3df*-0x2]!==_0x1f7823?(_0x38e943=_0x5adbdf?_0x1f7823:new URLSearchParams(),_0x38da54[-0x1b51+0x3*0x7ca+-0x151*-0x3]=_0x5adbdf,_0x38da54[-0x98d*0x3+-0x209+-0x1*-0x1eb1]=_0x1f7823,_0x38da54[-0x1f0f+0x337*0x1+0x136*0x17]=_0x38e943):_0x38e943=_0x38da54[0x985+-0x1707+0xd84],_0x38e943;}__name(useSearchParams,'useSearchParams');
 
 export { usePathname, useRouter, useSearchParams };

package/packages/level2/meta/client/framework/index.js

@@ -1,4 +1,4 @@
 'use strict';
-var __defProp=Object['defineProperty'],__name=(_0x4f5534,_0x42c222)=>__defProp(_0x4f5534,'name',{'value':_0x42c222,'configurable':!![]});function fdNotFound(){return require('next/navigation.js').notFound();}__name(fdNotFound,'fdNotFound');
+var __defProp=Object['defineProperty'],__name=(_0x245b84,_0x4475b8)=>__defProp(_0x245b84,'name',{'value':_0x4475b8,'configurable':!![]});function fdNotFound(){return require('next/navigation.js').notFound();}__name(fdNotFound,'fdNotFound');
 
 export { fdNotFound };

package/packages/level2/meta/client/layout.js

@@ -1,4 +1,4 @@
 'use strict';
-var __defProp=Object['defineProperty'],__name=(_0x21cd41,_0x2bcc93)=>__defProp(_0x21cd41,'name',{'value':_0x2bcc93,'configurable':!![]});function getCustomLayoutItems(_0x2dade5,_0x377014){if(!_0x377014)return [];const _0x5a708e=_0x377014['filter'](_0x5a56ec=>!_0x5a56ec['name']||!_0x2dade5['includes'](_0x5a56ec['name']));return _0x5a708e;}__name(getCustomLayoutItems,'getCustomLayoutItems');function getSlotClassName(_0xb2ae42,_0xb2a40){if(!_0xb2a40)return void(-0x143*-0x16+0xbdd*-0x3+0x7d5);const _0x28ac37=_0xb2a40['find'](_0x472046=>_0x472046['name']===_0xb2ae42),_0x44457f=_0x28ac37?.['className'];return _0x44457f;}__name(getSlotClassName,'getSlotClassName');
+var __defProp=Object['defineProperty'],__name=(_0x56aa90,_0x9c9a75)=>__defProp(_0x56aa90,'name',{'value':_0x9c9a75,'configurable':!![]});function getCustomLayoutItems(_0x33d80b,_0x617419){if(!_0x617419)return [];const _0x2b08d9=_0x617419['filter'](_0x963464=>!_0x963464['name']||!_0x33d80b['includes'](_0x963464['name']));return _0x2b08d9;}__name(getCustomLayoutItems,'getCustomLayoutItems');function getSlotClassName(_0x3ae030,_0x5067bf){if(!_0x5067bf)return void(-0x76*0x25+-0x1bcf+0x2cdd);const _0x350eb9=_0x5067bf['find'](_0x2a2a7b=>_0x2a2a7b['name']===_0x3ae030),_0x347c95=_0x350eb9?.['className'];return _0x347c95;}__name(getSlotClassName,'getSlotClassName');
 
 export { getCustomLayoutItems, getSlotClassName };

package/packages/level2/meta/comment/Comment.js

@@ -1,13 +1,13 @@
 'use strict';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { FrameworkImage } from '../../fd-component-toolbox/client/framework/index.js';
+import { fallbackAvatarSrc } from '../../fd-component-toolbox/avatar/Avatar.js';
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
   value,
   configurable: true
 });
-const userImageUrlConstant = "/images/profile.webp";
 function CommentComponent({
   body,
   userImageUrl,
@@ -16,7 +16,7 @@ function CommentComponent({
   return /* @__PURE__ */jsxs("div", {
     className: "flex gap-4",
     children: [/* @__PURE__ */jsx(FrameworkImage, {
-      src: userImageUrl ?? userImageUrlConstant,
+      src: userImageUrl ?? fallbackAvatarSrc,
       alt: "User image",
       className: "bg-muted size-8 rounded-full",
       width: 32,

package/packages/level2/meta/comment/CommentList.d.ts

@@ -20,11 +20,11 @@ export interface CommentListProps {
  *
  * @example
  * ```tsx
- * <CommentList
- *     resourceName={resourceNames.student}
- *     resourceId="123e4567-e89b-12d3-a456-426614174000"
- *     resources={studentComments}
- * />
+    <CommentList
+        resourceName="Student"
+        resourceId="123e4567-e89b-12d3-a456-426614174000"
+        resources={[]}
+    />
  * ```
  */
 export declare function CommentList({ resources, uiResourceMeta, resourceName, resourceId }: CommentListProps): import("react").JSX.Element;

package/packages/level2/meta/comment/CommentList.funcs.js

@@ -1,9 +1,9 @@
 'use strict';
 import { fetchUiResourceMeta } from '../ui-meta-providers.js';
 import { resourceNames } from '../../../fd-toolbox/resources/resource-names.js';
-import { userNames } from '../constants/user-names.js';
+import { noName } from '../../../fd-toolbox/constants/constants.js';
 import { getTabComments } from '../edit-resource/EditResourceTabs.funcs.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x369934,_0x2329a9)=>__defProp(_0x369934,'name',{'value':_0x2329a9,'configurable':!![]});async function initCommentList(_0x18a0be,_0x2fdc39,_0x47c290,_0x1b90a3,_0x25a1f4,_0x684aee){const _0x16a7d4=_0x47c290||await fetchUiResourceMeta(resourceNames['comment']),_0x218005=_0x25a1f4||await getTabComments(_0x684aee,_0x1b90a3);_0x2fdc39(_0x16a7d4),_0x18a0be(_0x218005);}__name(initCommentList,'initCommentList');function getUserDisplayText(_0x3638c2,_0x5c81cb){if(!_0x3638c2?.['trim']()&&!_0x5c81cb?.['trim']())return userNames['noNameUser'];return ((_0x3638c2??'')+'\x20'+(_0x5c81cb??''))['trim']();}__name(getUserDisplayText,'getUserDisplayText');
+var __defProp=Object['defineProperty'],__name=(_0x2c40b4,_0x6f3f81)=>__defProp(_0x2c40b4,'name',{'value':_0x6f3f81,'configurable':!![]});async function initCommentList(_0xf66784,_0xbd1c76,_0x35f092,_0xe7a86e,_0x4318ee,_0x54862c){const _0x49066b=_0x35f092||await fetchUiResourceMeta(resourceNames['comment']),_0x3932a7=_0x4318ee||await getTabComments(_0x54862c,_0xe7a86e);_0xbd1c76(_0x49066b),_0xf66784(_0x3932a7);}__name(initCommentList,'initCommentList');function getUserDisplayText(_0x2b0813,_0x36245b){if(!_0x2b0813?.['trim']()&&!_0x36245b?.['trim']())return noName;return ((_0x2b0813??'')+'\x20'+(_0x36245b??''))['trim']();}__name(getUserDisplayText,'getUserDisplayText');
 
 export { getUserDisplayText, initCommentList };

package/packages/level2/meta/components/edit-image/EditImage.funcs.js

@@ -5,6 +5,6 @@ import { wellKnownMetaProps } from '../../../../fd-toolbox-core/constants/meta-c
 import { EditImage } from './EditImage.js';
 import { getElementId } from '../../../../fd-toolbox/html/element-ids.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x1bf65d,_0x120ecf)=>__defProp(_0x1bf65d,'name',{'value':_0x120ecf,'configurable':!![]});function getEditImageId(_0xf0b9dd,_0x197ab9){return getElementId(EditImage['displayName'],_0xf0b9dd,_0x197ab9);}__name(getEditImageId,'getEditImageId');async function onEditImageUploadChange(_0x98bfb8,_0x5cd495,_0x3818e4,_0x253aab){if(!_0x253aab)return;_0x98bfb8['setValue'](editResourceInternalFormKeys['imageFile'],_0x253aab);const _0xef6ec7=URL['createObjectURL'](_0x253aab);_0x5cd495(_0xef6ec7),_0x3818e4?.(_0x98bfb8['getValues'](editResourceInternalFormKeys['imageFile']),editResourceInternalFormKeys['imageFile']);}__name(onEditImageUploadChange,'onEditImageUploadChange');function onDeleteImage(_0x24b6c4,_0x4dc1f3){_0x24b6c4['setValue'](editResourceInternalFormKeys['imageFile'],void(0x2*-0xad9+-0x1ec9+0x5*0xa7f)),_0x24b6c4['setValue'](wellKnownMetaProps['imageUrl'],void(-0xdac+0x1cd*0x5+0x4ab*0x1)),_0x4dc1f3(void(-0x12e*0x12+0xa40+0xafc));}__name(onDeleteImage,'onDeleteImage');
+var __defProp=Object['defineProperty'],__name=(_0x14d917,_0xe57f7d)=>__defProp(_0x14d917,'name',{'value':_0xe57f7d,'configurable':!![]});function getEditImageId(_0xfeac55,_0x2f04cf){return getElementId(EditImage['displayName'],_0xfeac55,_0x2f04cf);}__name(getEditImageId,'getEditImageId');async function onEditImageUploadChange(_0x5250b7,_0x458e3c,_0x570aa9,_0x4f5a5a){if(!_0x4f5a5a)return;_0x5250b7['setValue'](editResourceInternalFormKeys['imageFile'],_0x4f5a5a);const _0xb6743e=URL['createObjectURL'](_0x4f5a5a);_0x458e3c(_0xb6743e),_0x570aa9?.(_0x5250b7['getValues'](editResourceInternalFormKeys['imageFile']),editResourceInternalFormKeys['imageFile']);}__name(onEditImageUploadChange,'onEditImageUploadChange');function onDeleteImage(_0x27431a,_0x247929){_0x27431a['setValue'](editResourceInternalFormKeys['imageFile'],void(0x8f+0x1de6+-0x1e75)),_0x27431a['setValue'](wellKnownMetaProps['imageUrl'],void(-0x1*-0xc77+0x4*0x6a8+-0x1*0x2717)),_0x247929(void(0x61d*0x3+0x309+-0x1560));}__name(onDeleteImage,'onDeleteImage');
 
 export { getEditImageId, onDeleteImage, onEditImageUploadChange };

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

@@ -3,7 +3,8 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Icon, iconNames } from '../../../fd-component-toolbox/icon/Icon.js';
 import { Button } from '../../../fd-component-toolbox/button/Button.js';
 import { Spinner } from '../../../fd-component-toolbox/spinner/Spinner.js';
-import { tooltipAligns } from '../../../fd-component-toolbox/tooltip/tooltip-constants.js';
+import { alignPositions } from '../../../../base-repo/constants/tools-constants.js';
+import { imageActionLabels } from '../../constants/image-action-labels.js';
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
@@ -11,9 +12,9 @@ var __name = (target, value) => __defProp(target, "name", {
   configurable: true
 });
 const buttonLabels = {
-  upload: "Upload",
-  edit: "Edit",
-  delete: "Delete"
+  upload: imageActionLabels.upload,
+  edit: imageActionLabels.edit,
+  delete: imageActionLabels.delete
 };
 function EditImageActionMenu({
   onChange,
@@ -44,7 +45,7 @@ function EditImageActionMenuContent({
         className: "bg-muted-foreground/45 flex size-3 items-center justify-center rounded-sm p-2.5",
         tooltipText: buttonLabels.edit,
         tooltipClassName: "mt-2",
-        tooltipAlign: tooltipAligns.start,
+        tooltipAlign: alignPositions.start,
         children: /* @__PURE__ */jsx(Icon, {
           color: "text-fd-tertiary-50",
           className: "absolute",

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

@@ -2,8 +2,9 @@
 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 { commonPositions } 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';
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
@@ -25,7 +26,7 @@ function EditImageDropdownMenu({
         className: "p-1",
         onClick: () => ref.current?.click(),
         tooltipText: imageUrl ? imageConst.change : imageConst.upload,
-        tooltipSide: tooltipSides.bottom,
+        tooltipSide: commonPositions.bottom,
         tooltipClassName: "mt-4",
         children: /* @__PURE__ */jsx(Icon, {
           size: iconSizes.medium,
@@ -36,7 +37,7 @@ function EditImageDropdownMenu({
         variant: "icon",
         className: "p-1",
         onClick: onDelete,
-        tooltipText: "Delete",
+        tooltipText: imageActionLabels.delete,
         tooltipSide: "bottom",
         tooltipClassName: "mt-4",
         children: /* @__PURE__ */jsx(Icon, {
@@ -63,8 +64,8 @@ function handleFileInputChange(event, onEdit) {
 }
 __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

@@ -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.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=(_0x2f798a,_0x1fdcd5)=>__defProp(_0x2f798a,'name',{'value':_0x1fdcd5,'configurable':!![]});async function processMediaFiles(_0x4efa4f,_0x3eaffd,_0x26fd7b,_0x1a3978,_0x338744,_0x4c1c10,_0x1d2ce8){if(!_0x26fd7b)return;const _0xf8ef50=Array['from'](_0x26fd7b),_0x494aa2=await getFilesUrlAndPreview(_0xf8ef50,[],_0x3eaffd);_0x4efa4f(_0x43ce1f=>[..._0x43ce1f,..._0x494aa2]);if(_0x4c1c10||!_0x338744)_0x1d2ce8?.(_0xf8ef50,[]);else {const _0x9cc063=await uploadBlobs(_0xf8ef50,_0x338744,_0x1a3978?.['relation']?.['relatedPropertyName']),_0x34647d=await getFilesUrlAndPreview(_0xf8ef50,_0x9cc063,_0x3eaffd);_0x1d2ce8?.(_0xf8ef50,_0x9cc063),_0x4efa4f(_0x19dd89=>[..._0x19dd89['filter'](_0xd10d01=>!_0x494aa2['includes'](_0xd10d01)),..._0x34647d]);}}__name(processMediaFiles,'processMediaFiles');async function getFilesUrlAndPreview(_0x11a5f9,_0x57127f,_0x4b42aa){const _0x559ad7=[],_0x3725b9=_0x11a5f9['map'](async(_0x5b9da5,_0x558acc)=>{const _0x50c346=await processFile(_0x5b9da5,_0x57127f?.[_0x558acc],_0x4b42aa);if(_0x50c346)_0x559ad7['push'](_0x50c346);});return await Promise['all'](_0x3725b9),_0x559ad7;}__name(getFilesUrlAndPreview,'getFilesUrlAndPreview');async function deleteFile(_0x1f0309,_0x58e224,_0x44ddce){_0x44ddce(_0x1c4f47=>_0x1c4f47['filter']((_0x3fec21,_0x38db70)=>_0x38db70!==_0x1f0309)),await deleteBlob(_0x58e224[_0x1f0309]['url']);}__name(deleteFile,'deleteFile');function onFileUploadHandler(_0x4d4078,_0x21612e,_0x59e0a8,_0x44dad4,_0x125436,_0x31dc9c,_0x57f915,_0x4b2621,_0x57566a){_0x4d4078&&(_0x59e0a8(void(0x5d3+-0x12ac*0x2+0x1f85*0x1)),processMediaFiles(_0x21612e,_0x59e0a8,_0x125436??void(-0x193c+0x23ab*-0x1+-0x3ce7*-0x1),_0x31dc9c,_0x57f915,_0x4b2621,_0x57566a)),_0x44dad4&&(_0x44dad4['value']='');}__name(onFileUploadHandler,'onFileUploadHandler');async function onInitUpload(_0x2fe40e,_0x18d2ba){const _0x3ee697=_0x18d2ba?_0x18d2ba['split'](fieldValuesSeparator):[],_0x5ee4fc=await Promise['allSettled'](_0x3ee697['map'](_0x95f961=>apiGetBlob(_0x95f961['slice'](_0x95f961['lastIndexOf']('/')+(-0x23e7+0x135b+-0x13*-0xdf))))),_0x338309=_0x5ee4fc['filter'](_0x4e477c=>_0x4e477c['status']===promiseStatuses['fulfilled']&&_0x4e477c['value']instanceof Blob),_0x5acf63=_0x338309['map']((_0x5315b0,_0x4b0797)=>createFileFromBlob(_0x5315b0['value'],_0x3ee697[_0x4b0797])),_0x1fc16f=await getFilesUrlAndPreview(_0x5acf63,_0x3ee697);_0x2fe40e(_0x1fc16f);}__name(onInitUpload,'onInitUpload');async function handleFileDelete(_0x576331,_0x2bf385,_0x2ab07b,_0x4cc638,_0x561112){_0x2bf385['length']===-0x4a7*0x3+0x160b+-0x815&&_0x4cc638(''),await deleteFile(_0x576331,_0x2bf385,_0x2ab07b),_0x561112?.(_0x2bf385['map'](_0x4ff75b=>_0x4ff75b['url']),_0x2bf385[_0x576331]['url']);}__name(handleFileDelete,'handleFileDelete');function createFileFromBlob(_0x3d84df,_0x355e01){const _0x359c04=_0x355e01['slice'](_0x355e01['lastIndexOf']('/')+(-0x3e6*-0x2+-0x1*0x788+-0x43*0x1));return new File([_0x3d84df],_0x359c04,{'type':_0x3d84df['type']});}__name(createFileFromBlob,'createFileFromBlob');function getVideoPreview(_0x1d54eb,_0x1426e4=-0x1154*0x2+0x4a5*0x1+0x2*0xf03){const _0x15a110=document['createElement'](contentFormatElements['video']);return _0x15a110['src']=_0x1d54eb,new Promise(_0x323400=>{_0x15a110['onloadeddata']=()=>{_0x15a110['currentTime']=_0x1426e4,_0x15a110['onseeked']=()=>{const _0x502377=document['createElement']('canvas'),_0x107141=_0x502377['getContext']('2d');if(_0x107141){_0x502377['width']=_0x15a110['videoWidth'],_0x502377['height']=_0x15a110['videoHeight'],_0x107141['drawImage'](_0x15a110,-0xcf8+-0x89f*-0x2+-0x446*0x1,-0xc0b*-0x3+-0xef*0x2+-0x2243,_0x502377['width'],_0x502377['height']);const _0x185095=_0x502377['toDataURL'](supportedImageTypes[0xd4+-0x1952+0x1*0x187f]);_0x323400(_0x185095);}};};});}__name(getVideoPreview,'getVideoPreview');async function processFile(_0x2b9e2d,_0x579131,_0x1c32fc){const _0x50fb5a=_0x579131??URL['createObjectURL'](_0x2b9e2d);let _0xe82a66;if(supportedImageTypes['includes'](_0x2b9e2d['type']))_0xe82a66={'url':_0x50fb5a};else {if(supportedVideoTypes['includes'](_0x2b9e2d['type'])){const _0x509427=await getVideoPreview(_0x50fb5a);_0xe82a66={'url':_0x50fb5a,'preview':_0x509427};}else _0x1c32fc?.('Unsupported\x20file\x20type:\x20'+_0x2b9e2d['type']);}return _0xe82a66;}__name(processFile,'processFile');
 
 export { deleteFile, getFilesUrlAndPreview, handleFileDelete, onFileUploadHandler, onInitUpload, processMediaFiles };

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

@@ -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.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=(_0x1627cb,_0x4a45db)=>__defProp(_0x1627cb,'name',{'value':_0x4a45db,'configurable':!![]});const defaultMaxColumnsCount=0x3*0xced+-0x202a+0x1*-0x697;function getMultiListConfig(_0x50822f,_0xa3a8bc){return {'tableMaxNumberOfColumns':defaultMaxColumnsCount,'tableConfig':_0x50822f,'customSections':_0xa3a8bc};}__name(getMultiListConfig,'getMultiListConfig');function getMultilistResourceListConfig(_0x20137d,_0x2b1cd9,_0x520a64,_0x44e396,_0x3153cb){let _0x502a3c;const _0x28cbc0={..._0x20137d['tableConfig']};_0x28cbc0['displayMode']=tableDisplayModes['minimal'];!_0x28cbc0['customActions']?.['length']&&(_0x28cbc0['customActions']=[]);_0x3153cb&&_0x2b1cd9['parentResourcePropertyMeta']&&isManyToOneRelation(_0x2b1cd9['parentResourcePropertyMeta'])&&_0x28cbc0['customActions']['push']({'displayName':changeRelationName,'shouldTableRefreshAfter':!![],'actionType':tableCustomActionTypes['template'],'getTemplate':__name(_0x1802ab=>_0x520a64(_0x1802ab,_0x2b1cd9,_0x3153cb),'getTemplate')});const _0x3a9b99=getODataBuilder()['build']();_0x3a9b99['filters']=getObjectValues(_0x2b1cd9['filters']),_0x502a3c={'resourceName':_0x2b1cd9['resourceName'],'tableConfig':_0x28cbc0,'oDataConfig':_0x3a9b99,'showFilters':![],'tableRequired':![],'pluralName':_0x2b1cd9['displayName'],'hideBackButton':!![],'hideResourceListDropdownMenu':!![]};if(!_0x2b1cd9['isRequiredRelation'])return _0x502a3c;return _0x28cbc0['customActions']['push']({'icon':iconNames['linkBreak1Icon'],'displayName':unassignActionName,'onCellAction':__name(_0x374c85=>_0x44e396?.(_0x374c85,_0x2b1cd9),'onCellAction'),'shouldTableRefreshAfter':!![],'actionType':tableCustomActionTypes['icon']}),{..._0x502a3c,'tableConfig':_0x28cbc0};}__name(getMultilistResourceListConfig,'getMultilistResourceListConfig');
 
 export { getMultiListConfig, getMultilistResourceListConfig };

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

@@ -2,7 +2,7 @@
 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 { multiListItemTypes } from './multi-list-types.js';
 import { getMultiListConfig, getMultilistResourceListConfig } from './MultiList.funcs.js';
 import { useState, createElement } from 'react';
 import { ResourceList } from '../../resource-list/ResourceList.js';
@@ -49,24 +49,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 +104,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

@@ -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/multi-list-constants.d.ts

@@ -0,0 +1,6 @@
+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-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 };