@fernir2/saas-kit 0.0.173 → 0.0.177

package/packages/level2/fd-app-toolbox/menu/top-menu/top-menu-item/TopMenuItem.funcs.js

@@ -2,6 +2,6 @@
 import { addQueryParamsToPath } from '../../../../../fd-toolbox/routing/paths.js';
 import { menuItemTypes } from '../../../../../fd-toolbox/enums/enums.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x5f1c61,_0x30583b)=>__defProp(_0x5f1c61,'name',{'value':_0x30583b,'configurable':!![]});function navigateToItem(_0x141274,_0x3af52c,_0x414ed5,_0x54a278){if(_0x141274!==menuItemTypes['redirectUrl'])return;if(_0x414ed5){const _0x3d7bd=addQueryParamsToPath(_0x414ed5,_0x54a278);_0x3af52c['push'](_0x3d7bd);}}__name(navigateToItem,'navigateToItem');
+var __defProp=Object['defineProperty'],__name=(_0x3d36b9,_0x572dd2)=>__defProp(_0x3d36b9,'name',{'value':_0x572dd2,'configurable':!![]});function navigateToItem(_0x49e7ed,_0x5e46da,_0x318139,_0x37b563){if(_0x49e7ed!==menuItemTypes['redirectUrl'])return;if(_0x318139){const _0x53af7f=addQueryParamsToPath(_0x318139,_0x37b563);_0x5e46da['push'](_0x53af7f);}}__name(navigateToItem,'navigateToItem');
 
 export { navigateToItem };

package/packages/level2/fd-app-toolbox/menu/user-dropdown-menu/UserDropdownMenu.cjs.js

@@ -54,8 +54,8 @@ function UserDropdownMenu(t0) {
     id,
     items,
     parentContextName,
-    userWorkspacesPromise,
-    visibleWorkspacesPromise
+    userWorkspaces,
+    visibleWorkspaces
   } = t0;
   const [open, setOpen] = React.useState(false);
   const {
@@ -85,7 +85,7 @@ function UserDropdownMenu(t0) {
     t3 = item => jsxRuntime.jsx(UserDropdownMenuItem.UserDropdownMenuItem, {
       id: item.id,
       item,
-      className: "hover:bg-muted/50 z-50 m-1 rounded-md",
+      className: "hover:bg-muted/50 z-50 rounded-md",
       closeMenu: () => setOpen(false)
     }, `${item.text}_${item.type}`);
     $[3] = t3;
@@ -96,12 +96,13 @@ function UserDropdownMenu(t0) {
     open,
     onOpenChange: setOpen,
     children: [jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Trigger, {
+      asChild: true,
       id: elements.elements.userSettings.userDropdownButton,
-      children: jsxRuntime.jsx("div", {
-        className: "py-1.5",
-        id,
+      children: jsxRuntime.jsx("button", {
+        className: "hover:bg-fd-tertiary-700 cursor-pointer rounded-md p-2",
         children: jsxRuntime.jsxs("div", {
-          className: "hover:bg-fd-tertiary-700 flex flex-row items-center rounded-md py-1",
+          id,
+          className: "flex flex-row items-center",
           children: [jsxRuntime.jsxs(Avatar.Avatar, {
             className: "mr-2.5 size-5",
             children: [jsxRuntime.jsx(Avatar.AvatarImage, {
@@ -117,50 +118,47 @@ function UserDropdownMenu(t0) {
       })
     }), jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, {
       children: jsxRuntime.jsxs(DropdownMenuPrimitive__namespace.Content, {
-        className: "bg-background focus:ring-primary z-50 mr-4 min-w-32 rounded-md border shadow outline-none",
+        align: "start",
+        className: "bg-background focus:ring-primary z-50 mr-4 min-w-32 rounded-md border p-1 shadow outline-none",
+        onCloseAutoFocus: _temp,
         children: [!environments.isPackageMode() && jsxRuntime.jsxs(jsxRuntime.Fragment, {
-          children: [jsxRuntime.jsx("div", {
-            className: "hover:bg-muted/50 my-1 flex items-center pt-1",
-            children: jsxRuntime.jsxs(Select.Select, {
-              value: theme,
-              onValueChange: switchTheme,
-              children: [jsxRuntime.jsx(Select.SelectTrigger, {
-                className: "border-0 text-sm font-medium shadow-none",
-                children: jsxRuntime.jsxs("div", {
-                  className: "mr-2 flex items-center gap-x-2",
-                  children: [jsxRuntime.jsx(Icon.Icon, {
-                    name: UserDropdownMenu_funcs.getThemeIcon(theme),
-                    className: "size-3"
-                  }), jsxRuntime.jsx("p", {
-                    children: UserDropdownMenu_funcs.getThemeLabel(theme)
-                  })]
-                })
-              }), jsxRuntime.jsx(Select.SelectContent, {
-                children: jsxRuntime.jsxs(Select.SelectGroup, {
-                  children: [jsxRuntime.jsx(Select.SelectItem, {
-                    value: themes.themes.light,
-                    children: themes.themes.lightMode
-                  }), jsxRuntime.jsx(Select.SelectItem, {
-                    value: themes.themes.dark,
-                    children: themes.themes.darkMode
-                  }), jsxRuntime.jsx(Select.SelectItem, {
-                    value: themes.themes.system,
-                    children: themes.themes.systemMode
-                  })]
-                })
-              })]
-            })
-          }), jsxRuntime.jsx("div", {
-            className: "py-1",
-            children: jsxRuntime.jsx(React.Suspense, {
-              children: jsxRuntime.jsx(WorkspacePicker.WorkspacePicker, {
-                parentContextName: UserDropdownMenu_funcs$1.getUserDropDownMenuTriggerId(parentContextName),
-                userWorkspacesPromise
+          children: [jsxRuntime.jsxs(Select.Select, {
+            value: theme,
+            onValueChange: switchTheme,
+            children: [jsxRuntime.jsx(Select.SelectTrigger, {
+              noUnderline: true,
+              className: "hover:bg-muted/50 cursor-pointer p-2 font-medium shadow-none",
+              children: jsxRuntime.jsxs("div", {
+                className: "flex items-center gap-x-2",
+                children: [jsxRuntime.jsx(Icon.Icon, {
+                  name: UserDropdownMenu_funcs.getThemeIcon(theme),
+                  className: "size-3"
+                }), jsxRuntime.jsx("p", {
+                  children: UserDropdownMenu_funcs.getThemeLabel(theme)
+                })]
+              })
+            }), jsxRuntime.jsx(Select.SelectContent, {
+              children: jsxRuntime.jsxs(Select.SelectGroup, {
+                children: [jsxRuntime.jsx(Select.SelectItem, {
+                  value: themes.themes.light,
+                  children: themes.themes.lightMode
+                }), jsxRuntime.jsx(Select.SelectItem, {
+                  value: themes.themes.dark,
+                  children: themes.themes.darkMode
+                }), jsxRuntime.jsx(Select.SelectItem, {
+                  value: themes.themes.system,
+                  children: themes.themes.systemMode
+                })]
               })
+            })]
+          }), jsxRuntime.jsx(React.Suspense, {
+            children: jsxRuntime.jsx(WorkspacePicker.WorkspacePicker, {
+              parentContextName: UserDropdownMenu_funcs$1.getUserDropDownMenuTriggerId(parentContextName),
+              userWorkspaces
             })
           }), jsxRuntime.jsx(React.Suspense, {
             children: jsxRuntime.jsx(VisibleWorkspacePicker.VisibleWorkspacePicker, {
-              visibleWorkspacesPromise
+              visibleWorkspaces
             })
           })]
         }), items.map(t3)]
@@ -168,6 +166,9 @@ function UserDropdownMenu(t0) {
     })]
   });
 }
+function _temp(e) {
+  return e.preventDefault();
+}
 __name(UserDropdownMenu, "UserDropdownMenu");
 
 exports.UserDropdownMenu = UserDropdownMenu;

package/packages/level2/fd-app-toolbox/menu/user-dropdown-menu/UserDropdownMenu.d.ts

@@ -8,8 +8,8 @@ import { UserVisibleWorkspaceInfo } from "../../layout/toolbar/visible-workspace
 export interface DropdownMenuProps extends WithParentContextName {
     id?: string;
     items: TopMenuSubgroupOfMenuItem[];
-    userWorkspacesPromise: Promise<UserWorkspaces>;
-    visibleWorkspacesPromise: Promise<UserVisibleWorkspaceInfo>;
+    userWorkspaces: UserWorkspaces | Promise<UserWorkspaces>;
+    visibleWorkspaces: UserVisibleWorkspaceInfo | Promise<UserVisibleWorkspaceInfo>;
 }
 /**
  * User dropdown menu component with avatar, user info, theme switching, and custom menu items
@@ -25,4 +25,4 @@ export interface DropdownMenuProps extends WithParentContextName {
     />
  * ```
  */
-export declare function UserDropdownMenu({ id, items, parentContextName, userWorkspacesPromise, visibleWorkspacesPromise, }: DropdownMenuProps): import("react").JSX.Element;
+export declare function UserDropdownMenu({ id, items, parentContextName, userWorkspaces, visibleWorkspaces, }: DropdownMenuProps): import("react").JSX.Element;

package/packages/level2/fd-app-toolbox/menu/user-dropdown-menu/UserDropdownMenu.funcs.cjs.js

@@ -4,7 +4,7 @@
 var themes = require('../themes.cjs.js');
 var Icon = require('../../../fd-component-toolbox/icon/Icon.cjs.js');
 
-var __defProp=Object['defineProperty'],__name=(_0x2af913,_0x4feac6)=>__defProp(_0x2af913,'name',{'value':_0x4feac6,'configurable':!![]});function getThemeIcon(_0xf75b56){switch(_0xf75b56){case themes.themes['light']:return Icon.iconNames['sun'];case themes.themes['dark']:return Icon.iconNames['moon'];default:return Icon.iconNames['desktop'];}}__name(getThemeIcon,'getThemeIcon');function getThemeLabel(_0x37fc2b){switch(_0x37fc2b){case themes.themes['light']:return themes.themes['lightMode'];case themes.themes['dark']:return themes.themes['darkMode'];default:return themes.themes['systemMode'];}}__name(getThemeLabel,'getThemeLabel');
+var __defProp=Object['defineProperty'],__name=(_0x1c9af1,_0xff99c)=>__defProp(_0x1c9af1,'name',{'value':_0xff99c,'configurable':!![]});function getThemeIcon(_0x3c0104){switch(_0x3c0104){case themes.themes['light']:return Icon.iconNames['sun'];case themes.themes['dark']:return Icon.iconNames['moon'];default:return Icon.iconNames['desktop'];}}__name(getThemeIcon,'getThemeIcon');function getThemeLabel(_0x38cde1){switch(_0x38cde1){case themes.themes['light']:return themes.themes['lightMode'];case themes.themes['dark']:return themes.themes['darkMode'];default:return themes.themes['systemMode'];}}__name(getThemeLabel,'getThemeLabel');
 
 exports.getThemeIcon = getThemeIcon;
 exports.getThemeLabel = getThemeLabel;

package/packages/level2/fd-app-toolbox/menu/user-dropdown-menu/UserDropdownMenu.funcs.js

@@ -2,6 +2,6 @@
 import { themes } from '../themes.js';
 import { iconNames } from '../../../fd-component-toolbox/icon/Icon.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x2af913,_0x4feac6)=>__defProp(_0x2af913,'name',{'value':_0x4feac6,'configurable':!![]});function getThemeIcon(_0xf75b56){switch(_0xf75b56){case themes['light']:return iconNames['sun'];case themes['dark']:return iconNames['moon'];default:return iconNames['desktop'];}}__name(getThemeIcon,'getThemeIcon');function getThemeLabel(_0x37fc2b){switch(_0x37fc2b){case themes['light']:return themes['lightMode'];case themes['dark']:return themes['darkMode'];default:return themes['systemMode'];}}__name(getThemeLabel,'getThemeLabel');
+var __defProp=Object['defineProperty'],__name=(_0x1c9af1,_0xff99c)=>__defProp(_0x1c9af1,'name',{'value':_0xff99c,'configurable':!![]});function getThemeIcon(_0x3c0104){switch(_0x3c0104){case themes['light']:return iconNames['sun'];case themes['dark']:return iconNames['moon'];default:return iconNames['desktop'];}}__name(getThemeIcon,'getThemeIcon');function getThemeLabel(_0x38cde1){switch(_0x38cde1){case themes['light']:return themes['lightMode'];case themes['dark']:return themes['darkMode'];default:return themes['systemMode'];}}__name(getThemeLabel,'getThemeLabel');
 
 export { getThemeIcon, getThemeLabel };

package/packages/level2/fd-app-toolbox/menu/user-dropdown-menu/UserDropdownMenu.js

@@ -33,8 +33,8 @@ function UserDropdownMenu(t0) {
     id,
     items,
     parentContextName,
-    userWorkspacesPromise,
-    visibleWorkspacesPromise
+    userWorkspaces,
+    visibleWorkspaces
   } = t0;
   const [open, setOpen] = useState(false);
   const {
@@ -64,7 +64,7 @@ function UserDropdownMenu(t0) {
     t3 = item => jsx(UserDropdownMenuItem, {
       id: item.id,
       item,
-      className: "hover:bg-muted/50 z-50 m-1 rounded-md",
+      className: "hover:bg-muted/50 z-50 rounded-md",
       closeMenu: () => setOpen(false)
     }, `${item.text}_${item.type}`);
     $[3] = t3;
@@ -75,12 +75,13 @@ function UserDropdownMenu(t0) {
     open,
     onOpenChange: setOpen,
     children: [jsx(DropdownMenuPrimitive.Trigger, {
+      asChild: true,
       id: elements.userSettings.userDropdownButton,
-      children: jsx("div", {
-        className: "py-1.5",
-        id,
+      children: jsx("button", {
+        className: "hover:bg-fd-tertiary-700 cursor-pointer rounded-md p-2",
         children: jsxs("div", {
-          className: "hover:bg-fd-tertiary-700 flex flex-row items-center rounded-md py-1",
+          id,
+          className: "flex flex-row items-center",
           children: [jsxs(Avatar, {
             className: "mr-2.5 size-5",
             children: [jsx(AvatarImage, {
@@ -96,50 +97,47 @@ function UserDropdownMenu(t0) {
       })
     }), jsx(DropdownMenuPrimitive.Portal, {
       children: jsxs(DropdownMenuPrimitive.Content, {
-        className: "bg-background focus:ring-primary z-50 mr-4 min-w-32 rounded-md border shadow outline-none",
+        align: "start",
+        className: "bg-background focus:ring-primary z-50 mr-4 min-w-32 rounded-md border p-1 shadow outline-none",
+        onCloseAutoFocus: _temp,
         children: [!isPackageMode() && jsxs(Fragment, {
-          children: [jsx("div", {
-            className: "hover:bg-muted/50 my-1 flex items-center pt-1",
-            children: jsxs(Select, {
-              value: theme,
-              onValueChange: switchTheme,
-              children: [jsx(SelectTrigger, {
-                className: "border-0 text-sm font-medium shadow-none",
-                children: jsxs("div", {
-                  className: "mr-2 flex items-center gap-x-2",
-                  children: [jsx(Icon, {
-                    name: getThemeIcon(theme),
-                    className: "size-3"
-                  }), jsx("p", {
-                    children: getThemeLabel(theme)
-                  })]
-                })
-              }), jsx(SelectContent, {
-                children: jsxs(SelectGroup, {
-                  children: [jsx(SelectItem, {
-                    value: themes.light,
-                    children: themes.lightMode
-                  }), jsx(SelectItem, {
-                    value: themes.dark,
-                    children: themes.darkMode
-                  }), jsx(SelectItem, {
-                    value: themes.system,
-                    children: themes.systemMode
-                  })]
-                })
-              })]
-            })
-          }), jsx("div", {
-            className: "py-1",
-            children: jsx(Suspense, {
-              children: jsx(WorkspacePicker, {
-                parentContextName: getUserDropDownMenuTriggerId(parentContextName),
-                userWorkspacesPromise
+          children: [jsxs(Select, {
+            value: theme,
+            onValueChange: switchTheme,
+            children: [jsx(SelectTrigger, {
+              noUnderline: true,
+              className: "hover:bg-muted/50 cursor-pointer p-2 font-medium shadow-none",
+              children: jsxs("div", {
+                className: "flex items-center gap-x-2",
+                children: [jsx(Icon, {
+                  name: getThemeIcon(theme),
+                  className: "size-3"
+                }), jsx("p", {
+                  children: getThemeLabel(theme)
+                })]
+              })
+            }), jsx(SelectContent, {
+              children: jsxs(SelectGroup, {
+                children: [jsx(SelectItem, {
+                  value: themes.light,
+                  children: themes.lightMode
+                }), jsx(SelectItem, {
+                  value: themes.dark,
+                  children: themes.darkMode
+                }), jsx(SelectItem, {
+                  value: themes.system,
+                  children: themes.systemMode
+                })]
               })
+            })]
+          }), jsx(Suspense, {
+            children: jsx(WorkspacePicker, {
+              parentContextName: getUserDropDownMenuTriggerId(parentContextName),
+              userWorkspaces
             })
           }), jsx(Suspense, {
             children: jsx(VisibleWorkspacePicker, {
-              visibleWorkspacesPromise
+              visibleWorkspaces
             })
           })]
         }), items.map(t3)]
@@ -147,6 +145,9 @@ function UserDropdownMenu(t0) {
     })]
   });
 }
+function _temp(e) {
+  return e.preventDefault();
+}
 __name(UserDropdownMenu, "UserDropdownMenu");
 
 export { UserDropdownMenu };

package/packages/level2/fd-app-toolbox/menu/user-dropdown-menu/user-dropdown-menu-item/UserDropdownMenu.funcs.cjs.js

@@ -3,6 +3,6 @@
 
 var elements = require('../../../../../fd-toolbox/constants/elements.cjs.js');
 
-var __defProp=Object['defineProperty'],__name=(_0x5d7ad6,_0xda7a19)=>__defProp(_0x5d7ad6,'name',{'value':_0xda7a19,'configurable':!![]});function getUserDropDownMenuTriggerId(_0x31ce97){return _0x31ce97+elements.elements['userSettings']['userDropdownButton'];}__name(getUserDropDownMenuTriggerId,'getUserDropDownMenuTriggerId');
+var __defProp=Object['defineProperty'],__name=(_0x2915f1,_0x4cc0ba)=>__defProp(_0x2915f1,'name',{'value':_0x4cc0ba,'configurable':!![]});function getUserDropDownMenuTriggerId(_0x46ff48){return _0x46ff48+elements.elements['userSettings']['userDropdownButton'];}__name(getUserDropDownMenuTriggerId,'getUserDropDownMenuTriggerId');
 
 exports.getUserDropDownMenuTriggerId = getUserDropDownMenuTriggerId;

package/packages/level2/fd-app-toolbox/menu/user-dropdown-menu/user-dropdown-menu-item/UserDropdownMenu.funcs.js

@@ -1,6 +1,6 @@
 'use strict';
 import { elements } from '../../../../../fd-toolbox/constants/elements.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x5d7ad6,_0xda7a19)=>__defProp(_0x5d7ad6,'name',{'value':_0xda7a19,'configurable':!![]});function getUserDropDownMenuTriggerId(_0x31ce97){return _0x31ce97+elements['userSettings']['userDropdownButton'];}__name(getUserDropDownMenuTriggerId,'getUserDropDownMenuTriggerId');
+var __defProp=Object['defineProperty'],__name=(_0x2915f1,_0x4cc0ba)=>__defProp(_0x2915f1,'name',{'value':_0x4cc0ba,'configurable':!![]});function getUserDropDownMenuTriggerId(_0x46ff48){return _0x46ff48+elements['userSettings']['userDropdownButton'];}__name(getUserDropDownMenuTriggerId,'getUserDropDownMenuTriggerId');
 
 export { getUserDropDownMenuTriggerId };

package/packages/level2/fd-app-toolbox/menu/user-dropdown-menu/user-dropdown-menu-item/UserDropdownMenuItem.cjs.js

@@ -42,10 +42,10 @@ function UserDropdownMenuItem({
 }) {
   if (item.nextSubgroupsOrMenuItems && item.nextSubgroupsOrMenuItems.length > 0) return /* @__PURE__ */jsxRuntime.jsxs(DropdownMenuPrimitive__namespace.Sub, {
     children: [/* @__PURE__ */jsxRuntime.jsx(DropdownMenuPrimitive__namespace.SubTrigger, {
-      className: utils.cn("outline-none", className),
+      className: utils.cn("p-2 outline-none", className),
       id: UserDropdownMenuItem_funcs.getUserDropdownMenuItemId(item.text),
       children: /* @__PURE__ */jsxRuntime.jsxs("div", {
-        className: "inline-flex w-full items-center gap-x-2 px-3 py-2 text-sm font-medium hover:cursor-pointer",
+        className: "inline-flex w-full items-center gap-x-2 text-sm font-medium hover:cursor-pointer",
         children: [item.icon && /* @__PURE__ */jsxRuntime.jsx(Icon.Icon, {
           name: item.icon,
           className: "size-3"
@@ -64,9 +64,9 @@ function UserDropdownMenuItem({
     })]
   });
   return /* @__PURE__ */jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Item, {
-    className: utils.cn("outline-none", className),
+    className: utils.cn("p-2 outline-none", className),
     children: /* @__PURE__ */jsxRuntime.jsxs("div", {
-      className: "p-2 text-sm font-medium",
+      className: "text-sm font-medium",
       onClick: () => UserDropdownMenuItem_funcs.onUserDropdownMenuItemClick(closeMenu, item.callback),
       id: UserDropdownMenuItem_funcs.getUserDropdownMenuItemId(item.id),
       children: [UserDropdownMenuItem_funcs.isRedirectUrl(item) && item.path && /* @__PURE__ */jsxRuntime.jsxs(Link.Link, {

package/packages/level2/fd-app-toolbox/menu/user-dropdown-menu/user-dropdown-menu-item/UserDropdownMenuItem.funcs.cjs.js

@@ -4,7 +4,7 @@
 var enums = require('../../../../../fd-toolbox/enums/enums.cjs.js');
 var elements = require('../../../../../fd-toolbox/constants/elements.cjs.js');
 
-var __defProp=Object['defineProperty'],__name=(_0x3e80eb,_0x48c764)=>__defProp(_0x3e80eb,'name',{'value':_0x48c764,'configurable':!![]});function isRedirectUrl(_0x4d0abd){return _0x4d0abd['type']===enums.menuItemTypes['redirectUrl'];}__name(isRedirectUrl,'isRedirectUrl');function isText(_0x2d98e9){return _0x2d98e9['type']===enums.menuItemTypes['text'];}__name(isText,'isText');function getUserDropdownMenuItemId(_0x3f3993){return elements.elements['userSettings']['subMenuButton']+_0x3f3993;}__name(getUserDropdownMenuItemId,'getUserDropdownMenuItemId');function onUserDropdownMenuItemClick(_0x4d1341,_0xf1e1ff){_0xf1e1ff?.(),_0x4d1341?.();}__name(onUserDropdownMenuItemClick,'onUserDropdownMenuItemClick');
+var __defProp=Object['defineProperty'],__name=(_0x32b3c4,_0x3e4b2d)=>__defProp(_0x32b3c4,'name',{'value':_0x3e4b2d,'configurable':!![]});function isRedirectUrl(_0x1f1a36){return _0x1f1a36['type']===enums.menuItemTypes['redirectUrl'];}__name(isRedirectUrl,'isRedirectUrl');function isText(_0x523142){return _0x523142['type']===enums.menuItemTypes['text'];}__name(isText,'isText');function getUserDropdownMenuItemId(_0x34675){return elements.elements['userSettings']['subMenuButton']+_0x34675;}__name(getUserDropdownMenuItemId,'getUserDropdownMenuItemId');function onUserDropdownMenuItemClick(_0x293682,_0x44d375){_0x44d375?.(),_0x293682?.();}__name(onUserDropdownMenuItemClick,'onUserDropdownMenuItemClick');
 
 exports.getUserDropdownMenuItemId = getUserDropdownMenuItemId;
 exports.isRedirectUrl = isRedirectUrl;

package/packages/level2/fd-app-toolbox/menu/user-dropdown-menu/user-dropdown-menu-item/UserDropdownMenuItem.funcs.js

@@ -2,6 +2,6 @@
 import { menuItemTypes } from '../../../../../fd-toolbox/enums/enums.js';
 import { elements } from '../../../../../fd-toolbox/constants/elements.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x3e80eb,_0x48c764)=>__defProp(_0x3e80eb,'name',{'value':_0x48c764,'configurable':!![]});function isRedirectUrl(_0x4d0abd){return _0x4d0abd['type']===menuItemTypes['redirectUrl'];}__name(isRedirectUrl,'isRedirectUrl');function isText(_0x2d98e9){return _0x2d98e9['type']===menuItemTypes['text'];}__name(isText,'isText');function getUserDropdownMenuItemId(_0x3f3993){return elements['userSettings']['subMenuButton']+_0x3f3993;}__name(getUserDropdownMenuItemId,'getUserDropdownMenuItemId');function onUserDropdownMenuItemClick(_0x4d1341,_0xf1e1ff){_0xf1e1ff?.(),_0x4d1341?.();}__name(onUserDropdownMenuItemClick,'onUserDropdownMenuItemClick');
+var __defProp=Object['defineProperty'],__name=(_0x32b3c4,_0x3e4b2d)=>__defProp(_0x32b3c4,'name',{'value':_0x3e4b2d,'configurable':!![]});function isRedirectUrl(_0x1f1a36){return _0x1f1a36['type']===menuItemTypes['redirectUrl'];}__name(isRedirectUrl,'isRedirectUrl');function isText(_0x523142){return _0x523142['type']===menuItemTypes['text'];}__name(isText,'isText');function getUserDropdownMenuItemId(_0x34675){return elements['userSettings']['subMenuButton']+_0x34675;}__name(getUserDropdownMenuItemId,'getUserDropdownMenuItemId');function onUserDropdownMenuItemClick(_0x293682,_0x44d375){_0x44d375?.(),_0x293682?.();}__name(onUserDropdownMenuItemClick,'onUserDropdownMenuItemClick');
 
 export { getUserDropdownMenuItemId, isRedirectUrl, isText, onUserDropdownMenuItemClick };

package/packages/level2/fd-app-toolbox/menu/user-dropdown-menu/user-dropdown-menu-item/UserDropdownMenuItem.js

@@ -21,10 +21,10 @@ function UserDropdownMenuItem({
 }) {
   if (item.nextSubgroupsOrMenuItems && item.nextSubgroupsOrMenuItems.length > 0) return /* @__PURE__ */jsxs(DropdownMenuPrimitive.Sub, {
     children: [/* @__PURE__ */jsx(DropdownMenuPrimitive.SubTrigger, {
-      className: cn("outline-none", className),
+      className: cn("p-2 outline-none", className),
       id: getUserDropdownMenuItemId(item.text),
       children: /* @__PURE__ */jsxs("div", {
-        className: "inline-flex w-full items-center gap-x-2 px-3 py-2 text-sm font-medium hover:cursor-pointer",
+        className: "inline-flex w-full items-center gap-x-2 text-sm font-medium hover:cursor-pointer",
         children: [item.icon && /* @__PURE__ */jsx(Icon, {
           name: item.icon,
           className: "size-3"
@@ -43,9 +43,9 @@ function UserDropdownMenuItem({
     })]
   });
   return /* @__PURE__ */jsx(DropdownMenuPrimitive.Item, {
-    className: cn("outline-none", className),
+    className: cn("p-2 outline-none", className),
     children: /* @__PURE__ */jsxs("div", {
-      className: "p-2 text-sm font-medium",
+      className: "text-sm font-medium",
       onClick: () => onUserDropdownMenuItemClick(closeMenu, item.callback),
       id: getUserDropdownMenuItemId(item.id),
       children: [isRedirectUrl(item) && item.path && /* @__PURE__ */jsxs(Link, {

package/packages/level2/fd-app-toolbox/menu/visible-workspace-picker/VisibleWorkspacePicker.cjs.js

@@ -9,6 +9,7 @@ var Multiselect = require('../../../fd-component-toolbox/multiselect/Multiselect
 var VisibleWorkspacePicker_funcs = require('./VisibleWorkspacePicker.funcs.cjs.js');
 var useAsyncEffect = require('../../../../fd-toolbox/hooks/use-async-effect.cjs.js');
 var conditionCheckFunctions = require('../../../../fd-toolbox/functions/condition-check-functions.cjs.js');
+var useOptionalPromise = require('../../../../fd-toolbox/hooks/use-optional-promise.cjs.js');
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
@@ -18,9 +19,9 @@ var __name = (target, value) => __defProp(target, "name", {
 function VisibleWorkspacePicker(t0) {
   const $ = compilerRuntime.c(7);
   const {
-    visibleWorkspacesPromise
+    visibleWorkspaces
   } = t0;
-  const userVisibleWorkspaces = React.use(visibleWorkspacesPromise);
+  const userVisibleWorkspaces = useOptionalPromise.useOptionalPromise(visibleWorkspaces);
   let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     t1 = [];
@@ -28,12 +29,12 @@ function VisibleWorkspacePicker(t0) {
   } else {
     t1 = $[0];
   }
-  const [visibleWorkspaces, setVisibleWorkspaces] = React.useState(t1);
+  const [visibleWorkspacesState, setVisibleWorkspacesState] = React.useState(t1);
   const [workspaces, setWorkspaces] = React.useState();
   let t2;
   if ($[1] !== userVisibleWorkspaces) {
     t2 = async () => {
-      await VisibleWorkspacePicker_funcs.initVisibleWorkspacePicker(setVisibleWorkspaces, setWorkspaces, userVisibleWorkspaces);
+      await VisibleWorkspacePicker_funcs.initVisibleWorkspacePicker(setVisibleWorkspacesState, setWorkspaces, userVisibleWorkspaces);
     };
     $[1] = userVisibleWorkspaces;
     $[2] = t2;
@@ -49,33 +50,31 @@ function VisibleWorkspacePicker(t0) {
   }
   useAsyncEffect.useAsyncEffect(t2, t3);
   let t4;
-  if ($[4] !== visibleWorkspaces || $[5] !== workspaces) {
-    t4 = workspaces && workspaces.size > 0 ? jsxRuntime.jsx("div", {
-      children: jsxRuntime.jsxs(Multiselect.MultiSelect, {
-        values: visibleWorkspaces,
-        onValuesChange: value => {
-          VisibleWorkspacePicker_funcs.onSelectedVisibleWorkspaceChange(value, setVisibleWorkspaces);
-        },
-        disabled: false,
-        displayValues: workspaces,
-        variant: "float",
-        showSelectAll: true,
-        children: [!conditionCheckFunctions.isTemporaryDisabled() && jsxRuntime.jsx(Multiselect.MultiselectTrigger, {
-          className: "border-0 pr-3 pl-1 text-sm font-medium shadow-none",
-          children: jsxRuntime.jsx(Multiselect.MultiselectInput, {
-            placeholder: "Visible Workspaces",
-            className: "mt-0 cursor-pointer"
-          })
-        }), jsxRuntime.jsx(Multiselect.MultiselectContent, {
-          className: "absolute min-w-60",
-          children: jsxRuntime.jsx(Multiselect.MultiselectList, {
-            className: "top-9 z-50",
-            children: Array.from(workspaces).map(_temp)
-          })
-        })]
-      })
+  if ($[4] !== visibleWorkspacesState || $[5] !== workspaces) {
+    t4 = workspaces && workspaces.size > 0 ? jsxRuntime.jsxs(Multiselect.MultiSelect, {
+      values: visibleWorkspacesState,
+      onValuesChange: value => {
+        VisibleWorkspacePicker_funcs.onSelectedVisibleWorkspaceChange(value, setVisibleWorkspacesState);
+      },
+      disabled: false,
+      displayValues: workspaces,
+      variant: "float",
+      showSelectAll: true,
+      children: [!conditionCheckFunctions.isTemporaryDisabled() && jsxRuntime.jsx(Multiselect.MultiselectTrigger, {
+        className: "hover:bg-muted/50 p-2 text-sm font-medium shadow-none",
+        children: jsxRuntime.jsx(Multiselect.MultiselectInput, {
+          placeholder: "Visible Workspaces",
+          className: "mt-0 cursor-pointer pl-0"
+        })
+      }), jsxRuntime.jsx(Multiselect.MultiselectContent, {
+        className: "absolute min-w-60",
+        children: jsxRuntime.jsx(Multiselect.MultiselectList, {
+          className: "top-9 z-50",
+          children: Array.from(workspaces).map(_temp)
+        })
+      })]
     }) : null;
-    $[4] = visibleWorkspaces;
+    $[4] = visibleWorkspacesState;
     $[5] = workspaces;
     $[6] = t4;
   } else {

package/packages/level2/fd-app-toolbox/menu/visible-workspace-picker/VisibleWorkspacePicker.d.ts

@@ -5,11 +5,11 @@ import { UserVisibleWorkspaceInfo } from "../../layout/toolbar/visible-workspace
  */
 export interface VisibleWorkspacePickerProps {
     /** Promise returning {@link UserVisibleWorkspaceInfo} */
-    visibleWorkspacesPromise: Promise<UserVisibleWorkspaceInfo>;
+    visibleWorkspaces: UserVisibleWorkspaceInfo | Promise<UserVisibleWorkspaceInfo>;
 }
 /**
  * Component that allows user to select workspaces visible to them
  *
  * @param props - See {@link VisibleWorkspacePickerProps}
  */
-export declare function VisibleWorkspacePicker({ visibleWorkspacesPromise }: VisibleWorkspacePickerProps): React.JSX.Element;
+export declare function VisibleWorkspacePicker({ visibleWorkspaces }: VisibleWorkspacePickerProps): React.JSX.Element;

package/packages/level2/fd-app-toolbox/menu/visible-workspace-picker/VisibleWorkspacePicker.funcs.cjs.js

@@ -4,7 +4,7 @@
 var apiClient = require('../../../../fd-toolbox/api/api-client.cjs.js');
 var apiPathNames = require('../../../../fd-toolbox/api/api-path-names.cjs.js');
 
-var __defProp=Object['defineProperty'],__name=(_0x1754fd,_0x2f5f5b)=>__defProp(_0x1754fd,'name',{'value':_0x2f5f5b,'configurable':!![]});async function onSelectedVisibleWorkspaceChange(_0x5cfab8,_0x1b2af6){_0x1b2af6(_0x5cfab8);const _0x1077a7={'visibleWorkspaceIds':_0x5cfab8};await apiClient.apiPost(apiPathNames.apiPathNames['visibleWorkspace'],_0x1077a7);}__name(onSelectedVisibleWorkspaceChange,'onSelectedVisibleWorkspaceChange');async function initVisibleWorkspacePicker(_0x438926,_0x14bc35,_0x496458){if(_0x496458){const {visibleWorkspacesId:_0x40bb9f,currentWorkspaceChildren:_0x4e86f1}=_0x496458;_0x438926(_0x40bb9f);const _0x11aef6=prepareDisplayValuesMap(_0x4e86f1);_0x14bc35(_0x11aef6);}}__name(initVisibleWorkspacePicker,'initVisibleWorkspacePicker');function prepareDisplayValuesMap(_0x5efa5a){if(!_0x5efa5a)return new Map();return _0x5efa5a['reduce']((_0x18b8ad,_0x182fa5)=>{return _0x18b8ad['set'](_0x182fa5['id'],_0x182fa5['name']),_0x18b8ad;},new Map());}__name(prepareDisplayValuesMap,'prepareDisplayValuesMap');
+var __defProp=Object['defineProperty'],__name=(_0x3baa6f,_0x405e85)=>__defProp(_0x3baa6f,'name',{'value':_0x405e85,'configurable':!![]});async function onSelectedVisibleWorkspaceChange(_0x22df93,_0x4c2a6a){_0x4c2a6a(_0x22df93);const _0x2bfa9b={'visibleWorkspaceIds':_0x22df93};await apiClient.apiPost(apiPathNames.apiPathNames['visibleWorkspace'],_0x2bfa9b);}__name(onSelectedVisibleWorkspaceChange,'onSelectedVisibleWorkspaceChange');async function initVisibleWorkspacePicker(_0x5f2577,_0x5acb35,_0x37719c){if(_0x37719c){const {visibleWorkspacesId:_0x42aa76,currentWorkspaceChildren:_0x4ec4df}=_0x37719c;_0x5f2577(_0x42aa76);const _0x321c65=prepareDisplayValuesMap(_0x4ec4df);_0x5acb35(_0x321c65);}}__name(initVisibleWorkspacePicker,'initVisibleWorkspacePicker');function prepareDisplayValuesMap(_0x2292d4){if(!_0x2292d4)return new Map();return _0x2292d4['reduce']((_0x578d2d,_0x5424b2)=>{return _0x578d2d['set'](_0x5424b2['id'],_0x5424b2['name']),_0x578d2d;},new Map());}__name(prepareDisplayValuesMap,'prepareDisplayValuesMap');
 
 exports.initVisibleWorkspacePicker = initVisibleWorkspacePicker;
 exports.onSelectedVisibleWorkspaceChange = onSelectedVisibleWorkspaceChange;

package/packages/level2/fd-app-toolbox/menu/visible-workspace-picker/VisibleWorkspacePicker.funcs.js

@@ -2,6 +2,6 @@
 import { apiPost } from '../../../../fd-toolbox/api/api-client.js';
 import { apiPathNames } from '../../../../fd-toolbox/api/api-path-names.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x1754fd,_0x2f5f5b)=>__defProp(_0x1754fd,'name',{'value':_0x2f5f5b,'configurable':!![]});async function onSelectedVisibleWorkspaceChange(_0x5cfab8,_0x1b2af6){_0x1b2af6(_0x5cfab8);const _0x1077a7={'visibleWorkspaceIds':_0x5cfab8};await apiPost(apiPathNames['visibleWorkspace'],_0x1077a7);}__name(onSelectedVisibleWorkspaceChange,'onSelectedVisibleWorkspaceChange');async function initVisibleWorkspacePicker(_0x438926,_0x14bc35,_0x496458){if(_0x496458){const {visibleWorkspacesId:_0x40bb9f,currentWorkspaceChildren:_0x4e86f1}=_0x496458;_0x438926(_0x40bb9f);const _0x11aef6=prepareDisplayValuesMap(_0x4e86f1);_0x14bc35(_0x11aef6);}}__name(initVisibleWorkspacePicker,'initVisibleWorkspacePicker');function prepareDisplayValuesMap(_0x5efa5a){if(!_0x5efa5a)return new Map();return _0x5efa5a['reduce']((_0x18b8ad,_0x182fa5)=>{return _0x18b8ad['set'](_0x182fa5['id'],_0x182fa5['name']),_0x18b8ad;},new Map());}__name(prepareDisplayValuesMap,'prepareDisplayValuesMap');
+var __defProp=Object['defineProperty'],__name=(_0x3baa6f,_0x405e85)=>__defProp(_0x3baa6f,'name',{'value':_0x405e85,'configurable':!![]});async function onSelectedVisibleWorkspaceChange(_0x22df93,_0x4c2a6a){_0x4c2a6a(_0x22df93);const _0x2bfa9b={'visibleWorkspaceIds':_0x22df93};await apiPost(apiPathNames['visibleWorkspace'],_0x2bfa9b);}__name(onSelectedVisibleWorkspaceChange,'onSelectedVisibleWorkspaceChange');async function initVisibleWorkspacePicker(_0x5f2577,_0x5acb35,_0x37719c){if(_0x37719c){const {visibleWorkspacesId:_0x42aa76,currentWorkspaceChildren:_0x4ec4df}=_0x37719c;_0x5f2577(_0x42aa76);const _0x321c65=prepareDisplayValuesMap(_0x4ec4df);_0x5acb35(_0x321c65);}}__name(initVisibleWorkspacePicker,'initVisibleWorkspacePicker');function prepareDisplayValuesMap(_0x2292d4){if(!_0x2292d4)return new Map();return _0x2292d4['reduce']((_0x578d2d,_0x5424b2)=>{return _0x578d2d['set'](_0x5424b2['id'],_0x5424b2['name']),_0x578d2d;},new Map());}__name(prepareDisplayValuesMap,'prepareDisplayValuesMap');
 
 export { initVisibleWorkspacePicker, onSelectedVisibleWorkspaceChange };