@aivenio/aquarium 4.1.0 → 4.1.2

package/dist/atoms.cjs

@@ -10488,27 +10488,13 @@ var import_tick3 = __toESM(require_tick());
 var dropdownMenuStyles = (0, import_tailwind_variants4.tv)({
   base: "bg-popover-content w-full flex flex-col overflow-x-hidden typography-small text-default"
 });
-var DropdownMenu = ({
-  minHeight,
-  maxHeight = "100%",
-  minWidth = "125px",
-  maxWidth,
-  className,
-  children,
-  ...props
-}) => {
-  return /* @__PURE__ */ import_react33.default.createElement(
-    import_react_aria_components2.Menu,
-    {
-      style: { minHeight, maxHeight, minWidth, maxWidth },
-      className: dropdownMenuStyles({ className: ["Aquarium-DropdownMenu", className] }),
-      ...props
-    },
-    children
-  );
+var DropdownMenu = ({ className, children, ...props }) => {
+  return /* @__PURE__ */ import_react33.default.createElement(import_react_aria_components2.Menu, { className: dropdownMenuStyles({ className: ["Aquarium-DropdownMenu", className] }), ...props }, children);
 };
-var ContentContainer = ({ children }) => /* @__PURE__ */ import_react33.default.createElement("div", { className: tw("p-3 overflow-y-auto overflow-x-hidden") }, children);
-DropdownMenu.ContentContainer = ContentContainer;
+var MenuContainer = ({ minHeight, maxHeight = "100%", minWidth = "125px", maxWidth, children }) => /* @__PURE__ */ import_react33.default.createElement("div", { style: { minHeight, maxHeight, minWidth, maxWidth }, className: tw("overflow-x-hidden flex flex-col") }, children);
+DropdownMenu.MenuContainer = MenuContainer;
+var ScrollableContentContainer = ({ children }) => /* @__PURE__ */ import_react33.default.createElement("div", { className: tw("p-3 overflow-y-auto overflow-x-hidden") }, children);
+DropdownMenu.ScrollableContentContainer = ScrollableContentContainer;
 var dropdownMenuGroupStyles = (0, import_tailwind_variants4.tv)({
   slots: {
     base: [

package/dist/atoms.mjs

@@ -10435,27 +10435,13 @@ var import_tick3 = __toESM(require_tick());
 var dropdownMenuStyles = tv4({
   base: "bg-popover-content w-full flex flex-col overflow-x-hidden typography-small text-default"
 });
-var DropdownMenu = ({
-  minHeight,
-  maxHeight = "100%",
-  minWidth = "125px",
-  maxWidth,
-  className,
-  children,
-  ...props
-}) => {
-  return /* @__PURE__ */ React28.createElement(
-    AriaMenu,
-    {
-      style: { minHeight, maxHeight, minWidth, maxWidth },
-      className: dropdownMenuStyles({ className: ["Aquarium-DropdownMenu", className] }),
-      ...props
-    },
-    children
-  );
+var DropdownMenu = ({ className, children, ...props }) => {
+  return /* @__PURE__ */ React28.createElement(AriaMenu, { className: dropdownMenuStyles({ className: ["Aquarium-DropdownMenu", className] }), ...props }, children);
 };
-var ContentContainer = ({ children }) => /* @__PURE__ */ React28.createElement("div", { className: tw("p-3 overflow-y-auto overflow-x-hidden") }, children);
-DropdownMenu.ContentContainer = ContentContainer;
+var MenuContainer = ({ minHeight, maxHeight = "100%", minWidth = "125px", maxWidth, children }) => /* @__PURE__ */ React28.createElement("div", { style: { minHeight, maxHeight, minWidth, maxWidth }, className: tw("overflow-x-hidden flex flex-col") }, children);
+DropdownMenu.MenuContainer = MenuContainer;
+var ScrollableContentContainer = ({ children }) => /* @__PURE__ */ React28.createElement("div", { className: tw("p-3 overflow-y-auto overflow-x-hidden") }, children);
+DropdownMenu.ScrollableContentContainer = ScrollableContentContainer;
 var dropdownMenuGroupStyles = tv4({
   slots: {
     base: [

package/dist/src/atoms/DropdownMenu/DropdownMenu.d.ts

@@ -5,14 +5,16 @@ type DivAttributes = React.HTMLAttributes<HTMLDivElement>;
 export declare const dropdownMenuStyles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "bg-popover-content w-full flex flex-col overflow-x-hidden typography-small text-default", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "bg-popover-content w-full flex flex-col overflow-x-hidden typography-small text-default", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
 type DropdownMenuProps<T extends object> = Omit<AriaMenuProps<T>, 'className'> & {
     className?: string;
-    minHeight?: React.CSSProperties['minHeight'];
-    maxHeight?: React.CSSProperties['maxHeight'];
-    minWidth?: React.CSSProperties['minWidth'];
-    maxWidth?: React.CSSProperties['maxWidth'];
 };
 export declare const DropdownMenu: {
-    <T extends object>({ minHeight, maxHeight, minWidth, maxWidth, className, children, ...props }: DropdownMenuProps<T>): React.JSX.Element;
-    ContentContainer: React.FC<{
+    <T extends object>({ className, children, ...props }: DropdownMenuProps<T>): React.JSX.Element;
+    MenuContainer: React.FC<React.PropsWithChildren<{
+        minHeight?: React.CSSProperties["minHeight"];
+        maxHeight?: React.CSSProperties["maxHeight"];
+        minWidth?: React.CSSProperties["minWidth"];
+        maxWidth?: React.CSSProperties["maxWidth"];
+    }>>;
+    ScrollableContentContainer: React.FC<{
         children?: React.ReactNode | undefined;
     }>;
     Group: ({ className, title, titleProps, children, ...props }: GroupProps) => React.JSX.Element;

package/dist/src/atoms/DropdownMenu/DropdownMenu.js

@@ -22,11 +22,13 @@ export const dropdownMenuStyles = tv({
 });
 // Create the component using forwardRef and cast it to the component type
 export const DropdownMenu = (_a) => {
-    var { minHeight, maxHeight = '100%', minWidth = '125px', maxWidth, className, children } = _a, props = __rest(_a, ["minHeight", "maxHeight", "minWidth", "maxWidth", "className", "children"]);
-    return (React.createElement(AriaMenu, Object.assign({ style: { minHeight, maxHeight, minWidth, maxWidth }, className: dropdownMenuStyles({ className: ['Aquarium-DropdownMenu', className] }) }, props), children));
+    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+    return (React.createElement(AriaMenu, Object.assign({ className: dropdownMenuStyles({ className: ['Aquarium-DropdownMenu', className] }) }, props), children));
 };
-const ContentContainer = ({ children }) => (React.createElement("div", { className: tw('p-3 overflow-y-auto overflow-x-hidden') }, children));
-DropdownMenu.ContentContainer = ContentContainer;
+const MenuContainer = ({ minHeight, maxHeight = '100%', minWidth = '125px', maxWidth, children }) => (React.createElement("div", { style: { minHeight, maxHeight, minWidth, maxWidth }, className: tw('overflow-x-hidden flex flex-col') }, children));
+DropdownMenu.MenuContainer = MenuContainer;
+const ScrollableContentContainer = ({ children }) => (React.createElement("div", { className: tw('p-3 overflow-y-auto overflow-x-hidden') }, children));
+DropdownMenu.ScrollableContentContainer = ScrollableContentContainer;
 export const dropdownMenuGroupStyles = tv({
     slots: {
         base: [
@@ -89,4 +91,4 @@ const EmptyStateContainer = (_a) => {
     return (React.createElement("div", Object.assign({ className: classNames(tw('border border-dashed border-default p-3'), className) }, props), children));
 };
 DropdownMenu.EmptyStateContainer = EmptyStateContainer;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25NZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL0Ryb3Bkb3duTWVudS9Ecm9wZG93bk1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUE2QixNQUFNLE9BQU8sQ0FBQztBQUNsRCxPQUFPLEVBQ0wsVUFBVSxJQUFJLGNBQWMsRUFDNUIsa0JBQWtCLEVBQ2xCLE1BQU0sSUFBSSxVQUFVLEVBQ3BCLElBQUksSUFBSSxRQUFRLEVBQ2hCLFFBQVEsSUFBSSxZQUFZLEVBR3hCLFdBQVcsSUFBSSxlQUFlLEdBRS9CLE1BQU0sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBRXZDLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNsRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDckQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRWpFLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFcEQsT0FBTyxJQUFJLE1BQU0sZ0JBQWdCLENBQUM7QUFNbEMsTUFBTSxDQUFDLE1BQU0sa0JBQWtCLEdBQUcsRUFBRSxDQUFDO0lBQ25DLElBQUksRUFBRSx5RkFBeUY7Q0FDaEcsQ0FBQyxDQUFDO0FBVUgsMEVBQTBFO0FBQzFFLE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRyxDQUFtQixFQVF4QixFQUFFLEVBQUU7UUFSb0IsRUFDN0MsU0FBUyxFQUNULFNBQVMsR0FBRyxNQUFNLEVBQ2xCLFFBQVEsR0FBRyxPQUFPLEVBQ2xCLFFBQVEsRUFDUixTQUFTLEVBQ1QsUUFBUSxPQUVhLEVBRGxCLEtBQUssY0FQcUMsMkVBUTlDLENBRFM7SUFFUixPQUFPLENBQ0wsb0JBQUMsUUFBUSxrQkFDUCxLQUFL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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25NZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL0Ryb3Bkb3duTWVudS9Ecm9wZG93bk1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUE2QixNQUFNLE9BQU8sQ0FBQztBQUNsRCxPQUFPLEVBQ0wsVUFBVSxJQUFJLGNBQWMsRUFDNUIsa0JBQWtCLEVBQ2xCLE1BQU0sSUFBSSxVQUFVLEVBQ3BCLElBQUksSUFBSSxRQUFRLEVBQ2hCLFFBQVEsSUFBSSxZQUFZLEVBR3hCLFdBQVcsSUFBSSxlQUFlLEdBRS9CLE1BQU0sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBRXZDLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNsRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDckQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRWpFLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFcEQsT0FBTyxJQUFJLE1BQU0sZ0JBQWdCLENBQUM7QUFNbEMsTUFBTSxDQUFDLE1BQU0sa0JBQWtCLEdBQUcsRUFBRSxDQUFDO0lBQ25DLElBQUksRUFBRSx5RkFBeUY7Q0FDaEcsQ0FBQyxDQUFDO0FBTUgsMEVBQTBFO0FBQzFFLE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRyxDQUFtQixFQUF1RCxFQUFFLEVBQUU7UUFBM0QsRUFBRSxTQUFTLEVBQUUsUUFBUSxPQUFrQyxFQUE3QixLQUFLLGNBQS9CLHlCQUFpQyxDQUFGO0lBQzVFLE9BQU8sQ0FDTCxvQkFBQyxRQUFRLGtCQUFDLFNBQVMsRUFBRSxrQkFBa0IsQ0FBQyxFQUFFLFNBQVMsRUFBRSxDQUFDLHVCQUF1QixFQUFFLFNBQVMsQ0FBQyxF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

package/dist/src/molecules/DropdownMenu/DropdownMenu.js

@@ -31,16 +31,17 @@ DropdownMenu.Trigger.displayName = 'DropdownMenu.Trigger';
 const MenuItems = ({ children }) => {
     const props = useContext(MenuPropsContext);
     const { contains } = useFilter({ sensitivity: 'base' });
-    const childrenWithIds = React.Children.map(children, mapKeyToId);
-    const baseContent = (React.createElement(Base, { minHeight: props.minHeight, maxHeight: props.maxHeight, minWidth: props.minWidth, maxWidth: props.maxWidth, onAction: props.onAction, onSelectionChange: props.onSelectionChange, selectedKeys: props.selection, selectionMode: props.selectionMode, renderEmptyState: () => React.createElement(Base.EmptyStateContainer, null, props.emptyState) }, childrenWithIds));
+    const childrenWithIds = mapKeyToId(children);
+    const baseContent = (React.createElement(Base, { onAction: props.onAction, onSelectionChange: props.onSelectionChange, selectedKeys: props.selection, selectionMode: props.selectionMode, renderEmptyState: () => React.createElement(Base.EmptyStateContainer, null, props.emptyState) }, childrenWithIds));
     return (React.createElement(Popover, { placement: props.placement },
-        props.header,
-        React.createElement(Base.ContentContainer, null,
-            props.searchable && (React.createElement(AriaAutocomplete, { filter: contains },
-                React.createElement(SearchField, { "aria-label": "Search menu items", className: "mb-5" }),
-                baseContent)),
-            !props.searchable && baseContent),
-        props.footer));
+        React.createElement(Base.MenuContainer, { minHeight: props.minHeight, maxHeight: props.maxHeight, minWidth: props.minWidth, maxWidth: props.maxWidth },
+            props.header,
+            React.createElement(Base.ScrollableContentContainer, null,
+                props.searchable && (React.createElement(AriaAutocomplete, { filter: contains },
+                    React.createElement(SearchField, { "aria-label": "Search menu items", className: "mb-5" }),
+                    baseContent)),
+                !props.searchable && baseContent),
+            props.footer)));
 };
 DropdownMenu.Items = MenuItems;
 DropdownMenu.Items.displayName = 'DropdownMenu.Items';
@@ -52,21 +53,27 @@ DropdownMenu.Item = MenuItem;
 DropdownMenu.Item.displayName = 'DropdownMenu.Item';
 const MenuSection = (_a) => {
     var { children } = _a, props = __rest(_a, ["children"]);
-    const childrenWithIds = React.Children.map(children, mapKeyToId);
+    const childrenWithIds = mapKeyToId(children);
     return React.createElement(Base.Group, Object.assign({}, props), childrenWithIds);
 };
 DropdownMenu.Section = MenuSection;
 DropdownMenu.Section.displayName = 'DropdownMenu.Section';
 // This function is used for backward compatibility with old DropdownMenu.Item keys.
 // The old implementation used `key` prop to identify menu items, but the new implementation uses `id` prop.
-const mapKeyToId = (child) => {
-    var _a, _b;
-    if (typeof child === 'boolean' || child === null || child === undefined) {
+const mapKeyToId = (children) => {
+    return React.Children.map(children, (child) => {
+        var _a, _b;
+        if (typeof child === 'boolean' || child === null || child === undefined) {
+            return child;
+        }
+        // The are same cases where children is a React fragment, so we need to check for that as well.
+        if (React.isValidElement(child) && child.type === React.Fragment) {
+            return mapKeyToId(child.props.children);
+        }
+        if (isComponentType(child, MenuItem)) {
+            return React.cloneElement(child, { id: (_b = (_a = child.props.id) !== null && _a !== void 0 ? _a : child.key) !== null && _b !== void 0 ? _b : undefined });
+        }
         return child;
-    }
-    if (isComponentType(child, MenuItem)) {
-        return React.cloneElement(child, { id: (_b = (_a = child.props.id) !== null && _a !== void 0 ? _a : child.key) !== null && _b !== void 0 ? _b : undefined });
-    }
-    return child;
+    });
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25NZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9Ecm9wZG93bk1lbnUvRHJvcGRvd25NZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUN6RCxPQUFPLEVBQ0wsWUFBWSxJQUFJLGdCQUFnQixFQUVoQyxXQUFXLElBQUksZUFBZSxFQUM5QixTQUFTLEdBQ1YsTUFBTSx1QkFBdUIsQ0FBQztBQUUvQixPQUFPLEVBQUUsWUFBWSxJQUFJLElBQUksRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxPQUFPLEVBQXlCLE1BQU0sMkJBQTJCLENBQUM7QUFDM0UsT0FBTyxFQUFFLFNBQVMsRUFBdUIsTUFBTSwrQkFBK0IsQ0FBQztBQUUvRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRTlDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUE2SzVDLE1BQU0sZ0JBQWdCLEdBQUcsYUFBYSxDQUFzQyxFQUFFLENBQUMsQ0FBQztBQUVoRixNQUFNLENBQUMsTUFBTSxZQUFZLEdBS3JCLENBQUMsS0FBSyxFQUFFLEVBQUU7SUFDWixPQUFPLENBQ0wsb0JBQUMsZ0JBQWdCLENBQUMsUUFBUSxJQUFDLEtBQUssRUFBRSxLQUFLO1FBQ3JDLG9CQUFDLGVBQWUsSUFBQyxXQUFXLEVBQUUsS0FBSyxDQUFDLFdBQVcsRUFBRSxNQUFNLEVBQUUsS0FBSyxDQUFDLE1BQU0sRUFBRSxZQUFZLEVBQUUsS0FBSyxDQUFDLFlBQVksSUFDcEcsS0FBSyxDQUFDLFFBQVEsQ0FDQyxDQUNRLENBQzdCLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixZQUFZLENBQUMsV0FBVyxHQUFHLGNBQWMsQ0FBQztBQUUxQyxNQUFNLFdB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25NZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9Ecm9wZG93bk1lbnUvRHJvcGRvd25NZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUN6RCxPQUFPLEVBQ0wsWUFBWSxJQUFJLGdCQUFnQixFQUVoQyxXQUFXLElBQUksZUFBZSxFQUM5QixTQUFTLEdBQ1YsTUFBTSx1QkFBdUIsQ0FBQztBQUUvQixPQUFPLEVBQUUsWUFBWSxJQUFJLElBQUksRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxPQUFPLEVBQXlCLE1BQU0sMkJBQTJCLENBQUM7QUFDM0UsT0FBTyxFQUFFLFNBQVMsRUFBdUIsTUFBTSwrQkFBK0IsQ0FBQztBQUUvRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRTlDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUE2SzVDLE1BQU0sZ0JBQWdCLEdBQUcsYUFBYSxDQUFzQyxFQUFFLENBQUMsQ0FBQztBQUVoRixNQUFNLENBQUMsTUFBTSxZQUFZLEdBS3JCLENBQUMsS0FBSyxFQUFFLEVBQUU7SUFDWixPQUFPLENBQ0wsb0JBQUMsZ0JBQWdCLENBQUMsUUFBUSxJQUFDLEtBQUssRUFBRSxLQUFLO1FBQ3JDLG9CQUFDLGVBQWUsSUFBQyxXQUFXLEVBQUUsS0FBSyxDQUFDLFdBQVcsRUFBRSxNQUFNLEVBQUUsS0FBSyxDQUFDLE1BQU0sRUFBRSxZQUFZLEVBQUUsS0FBSyxDQUFDLFlBQVksSUFDcEcsS0FBSyxDQUFDLFFBQVEsQ0FDQyxDQUNRLENBQzdCLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixZQUFZLENBQUMsV0FBVyxHQUFHLGNBQWMsQ0FBQztBQUUxQyxNQUFNLFdB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

package/dist/src/molecules/DropdownMenu/SearchField.js

@@ -6,8 +6,8 @@ export const SearchField = (props) => {
     return (React.createElement(AriaSearchField, Object.assign({}, props),
         React.createElement(FieldGroup, null,
             React.createElement(SearchIcon, { "aria-hidden": true }),
-            React.createElement(AriaInput, { className: "outline-none bg-transparent [&::-webkit-search-cancel-button]:hidden" }),
+            React.createElement(AriaInput, { className: "outline-none grow bg-transparent [&::-webkit-search-cancel-button]:hidden" }),
             React.createElement(AriaButton, { "aria-label": "Clear", className: "group-empty:invisible" },
                 React.createElement(ResetIcon, { "aria-hidden": true })))));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VhcmNoRmllbGQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0Ryb3Bkb3duTWVudS9TZWFyY2hGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFDTCxNQUFNLElBQUksVUFBVSxFQUNwQixLQUFLLElBQUksU0FBUyxFQUNsQixXQUFXLElBQUksZUFBZSxHQUUvQixNQUFNLHVCQUF1QixDQUFDO0FBRS9CLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sOENBQThDLENBQUM7QUFFckYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBSTVDLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxDQUFDLEtBQXVCLEVBQUUsRUFBRTtJQUNyRCxPQUFPLENBQ0wsb0JBQUMsZUFBZSxvQkFBSyxLQUFLO1FBQ3hCLG9CQUFDLFVBQVU7WUFDVCxvQkFBQyxVQUFVLDBCQUFlO1lBQzFCLG9CQUFDLFNBQVMsSUFBQyxTQUFTLEVBQUMsc0VBQXNFLEdBQUc7WUFDOUYsb0JBQUMsVUFBVSxrQkFBWSxPQUFPLEVBQUMsU0FBUyxFQUFDLHVCQUF1QjtnQkFDOUQsb0JBQUMsU0FBUywwQkFBZSxDQUNkLENBQ0YsQ0FDRyxDQUNuQixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VhcmNoRmllbGQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0Ryb3Bkb3duTWVudS9TZWFyY2hGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFDTCxNQUFNLElBQUksVUFBVSxFQUNwQixLQUFLLElBQUksU0FBUyxFQUNsQixXQUFXLElBQUksZUFBZSxHQUUvQixNQUFNLHVCQUF1QixDQUFDO0FBRS9CLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sOENBQThDLENBQUM7QUFFckYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBSTVDLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxDQUFDLEtBQXVCLEVBQUUsRUFBRTtJQUNyRCxPQUFPLENBQ0wsb0JBQUMsZUFBZSxvQkFBSyxLQUFLO1FBQ3hCLG9CQUFDLFVBQVU7WUFDVCxvQkFBQyxVQUFVLDBCQUFlO1lBQzFCLG9CQUFDLFNBQVMsSUFBQyxTQUFTLEVBQUMsMkVBQTJFLEdBQUc7WUFDbkcsb0JBQUMsVUFBVSxrQkFBWSxPQUFPLEVBQUMsU0FBUyxFQUFDLHVCQUF1QjtnQkFDOUQsb0JBQUMsU0FBUywwQkFBZSxDQUNkLENBQ0YsQ0FDRyxDQUNuQixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=

package/dist/system.cjs

@@ -11130,27 +11130,13 @@ var import_tick5 = __toESM(require_tick());
 var dropdownMenuStyles = (0, import_tailwind_variants6.tv)({
   base: "bg-popover-content w-full flex flex-col overflow-x-hidden typography-small text-default"
 });
-var DropdownMenu = ({
-  minHeight,
-  maxHeight = "100%",
-  minWidth = "125px",
-  maxWidth,
-  className,
-  children,
-  ...props
-}) => {
-  return /* @__PURE__ */ import_react75.default.createElement(
-    import_react_aria_components2.Menu,
-    {
-      style: { minHeight, maxHeight, minWidth, maxWidth },
-      className: dropdownMenuStyles({ className: ["Aquarium-DropdownMenu", className] }),
-      ...props
-    },
-    children
-  );
+var DropdownMenu = ({ className, children, ...props }) => {
+  return /* @__PURE__ */ import_react75.default.createElement(import_react_aria_components2.Menu, { className: dropdownMenuStyles({ className: ["Aquarium-DropdownMenu", className] }), ...props }, children);
 };
-var ContentContainer = ({ children }) => /* @__PURE__ */ import_react75.default.createElement("div", { className: tw("p-3 overflow-y-auto overflow-x-hidden") }, children);
-DropdownMenu.ContentContainer = ContentContainer;
+var MenuContainer = ({ minHeight, maxHeight = "100%", minWidth = "125px", maxWidth, children }) => /* @__PURE__ */ import_react75.default.createElement("div", { style: { minHeight, maxHeight, minWidth, maxWidth }, className: tw("overflow-x-hidden flex flex-col") }, children);
+DropdownMenu.MenuContainer = MenuContainer;
+var ScrollableContentContainer = ({ children }) => /* @__PURE__ */ import_react75.default.createElement("div", { className: tw("p-3 overflow-y-auto overflow-x-hidden") }, children);
+DropdownMenu.ScrollableContentContainer = ScrollableContentContainer;
 var dropdownMenuGroupStyles = (0, import_tailwind_variants6.tv)({
   slots: {
     base: [
@@ -11277,7 +11263,7 @@ var FieldGroup = (props) => {
 
 // src/molecules/DropdownMenu/SearchField.tsx
 var SearchField = (props) => {
-  return /* @__PURE__ */ import_react78.default.createElement(import_react_aria_components4.SearchField, { ...props }, /* @__PURE__ */ import_react78.default.createElement(FieldGroup, null, /* @__PURE__ */ import_react78.default.createElement(SearchIcon, { "aria-hidden": true }), /* @__PURE__ */ import_react78.default.createElement(import_react_aria_components4.Input, { className: "outline-none bg-transparent [&::-webkit-search-cancel-button]:hidden" }), /* @__PURE__ */ import_react78.default.createElement(import_react_aria_components4.Button, { "aria-label": "Clear", className: "group-empty:invisible" }, /* @__PURE__ */ import_react78.default.createElement(ResetIcon, { "aria-hidden": true }))));
+  return /* @__PURE__ */ import_react78.default.createElement(import_react_aria_components4.SearchField, { ...props }, /* @__PURE__ */ import_react78.default.createElement(FieldGroup, null, /* @__PURE__ */ import_react78.default.createElement(SearchIcon, { "aria-hidden": true }), /* @__PURE__ */ import_react78.default.createElement(import_react_aria_components4.Input, { className: "outline-none grow bg-transparent [&::-webkit-search-cancel-button]:hidden" }), /* @__PURE__ */ import_react78.default.createElement(import_react_aria_components4.Button, { "aria-label": "Clear", className: "group-empty:invisible" }, /* @__PURE__ */ import_react78.default.createElement(ResetIcon, { "aria-hidden": true }))));
 };
 
 // src/molecules/DropdownMenu/DropdownMenu.tsx
@@ -11295,14 +11281,10 @@ DropdownMenu2.Trigger.displayName = "DropdownMenu.Trigger";
 var MenuItems = ({ children }) => {
   const props = (0, import_react79.useContext)(MenuPropsContext);
   const { contains } = (0, import_react_aria_components5.useFilter)({ sensitivity: "base" });
-  const childrenWithIds = import_react79.default.Children.map(children, mapKeyToId);
+  const childrenWithIds = mapKeyToId(children);
   const baseContent = /* @__PURE__ */ import_react79.default.createElement(
     DropdownMenu,
     {
-      minHeight: props.minHeight,
-      maxHeight: props.maxHeight,
-      minWidth: props.minWidth,
-      maxWidth: props.maxWidth,
       onAction: props.onAction,
       onSelectionChange: props.onSelectionChange,
       selectedKeys: props.selection,
@@ -11311,7 +11293,18 @@ var MenuItems = ({ children }) => {
     },
     childrenWithIds
   );
-  return /* @__PURE__ */ import_react79.default.createElement(Popover, { placement: props.placement }, props.header, /* @__PURE__ */ import_react79.default.createElement(DropdownMenu.ContentContainer, null, props.searchable && /* @__PURE__ */ import_react79.default.createElement(import_react_aria_components5.Autocomplete, { filter: contains }, /* @__PURE__ */ import_react79.default.createElement(SearchField, { "aria-label": "Search menu items", className: "mb-5" }), baseContent), !props.searchable && baseContent), props.footer);
+  return /* @__PURE__ */ import_react79.default.createElement(Popover, { placement: props.placement }, /* @__PURE__ */ import_react79.default.createElement(
+    DropdownMenu.MenuContainer,
+    {
+      minHeight: props.minHeight,
+      maxHeight: props.maxHeight,
+      minWidth: props.minWidth,
+      maxWidth: props.maxWidth
+    },
+    props.header,
+    /* @__PURE__ */ import_react79.default.createElement(DropdownMenu.ScrollableContentContainer, null, props.searchable && /* @__PURE__ */ import_react79.default.createElement(import_react_aria_components5.Autocomplete, { filter: contains }, /* @__PURE__ */ import_react79.default.createElement(SearchField, { "aria-label": "Search menu items", className: "mb-5" }), baseContent), !props.searchable && baseContent),
+    props.footer
+  ));
 };
 DropdownMenu2.Items = MenuItems;
 DropdownMenu2.Items.displayName = "DropdownMenu.Items";
@@ -11322,19 +11315,24 @@ var MenuItem = (props) => {
 DropdownMenu2.Item = MenuItem;
 DropdownMenu2.Item.displayName = "DropdownMenu.Item";
 var MenuSection = ({ children, ...props }) => {
-  const childrenWithIds = import_react79.default.Children.map(children, mapKeyToId);
+  const childrenWithIds = mapKeyToId(children);
   return /* @__PURE__ */ import_react79.default.createElement(DropdownMenu.Group, { ...props }, childrenWithIds);
 };
 DropdownMenu2.Section = MenuSection;
 DropdownMenu2.Section.displayName = "DropdownMenu.Section";
-var mapKeyToId = (child) => {
-  if (typeof child === "boolean" || child === null || child === void 0) {
+var mapKeyToId = (children) => {
+  return import_react79.default.Children.map(children, (child) => {
+    if (typeof child === "boolean" || child === null || child === void 0) {
+      return child;
+    }
+    if (import_react79.default.isValidElement(child) && child.type === import_react79.default.Fragment) {
+      return mapKeyToId(child.props.children);
+    }
+    if (isComponentType(child, MenuItem)) {
+      return import_react79.default.cloneElement(child, { id: child.props.id ?? child.key ?? void 0 });
+    }
     return child;
-  }
-  if (isComponentType(child, MenuItem)) {
-    return import_react79.default.cloneElement(child, { id: child.props.id ?? child.key ?? void 0 });
-  }
-  return child;
+  });
 };
 
 // src/utils/object.ts

package/dist/system.mjs

@@ -10998,27 +10998,13 @@ var import_tick5 = __toESM(require_tick());
 var dropdownMenuStyles = tv6({
   base: "bg-popover-content w-full flex flex-col overflow-x-hidden typography-small text-default"
 });
-var DropdownMenu = ({
-  minHeight,
-  maxHeight = "100%",
-  minWidth = "125px",
-  maxWidth,
-  className,
-  children,
-  ...props
-}) => {
-  return /* @__PURE__ */ React67.createElement(
-    AriaMenu,
-    {
-      style: { minHeight, maxHeight, minWidth, maxWidth },
-      className: dropdownMenuStyles({ className: ["Aquarium-DropdownMenu", className] }),
-      ...props
-    },
-    children
-  );
+var DropdownMenu = ({ className, children, ...props }) => {
+  return /* @__PURE__ */ React67.createElement(AriaMenu, { className: dropdownMenuStyles({ className: ["Aquarium-DropdownMenu", className] }), ...props }, children);
 };
-var ContentContainer = ({ children }) => /* @__PURE__ */ React67.createElement("div", { className: tw("p-3 overflow-y-auto overflow-x-hidden") }, children);
-DropdownMenu.ContentContainer = ContentContainer;
+var MenuContainer = ({ minHeight, maxHeight = "100%", minWidth = "125px", maxWidth, children }) => /* @__PURE__ */ React67.createElement("div", { style: { minHeight, maxHeight, minWidth, maxWidth }, className: tw("overflow-x-hidden flex flex-col") }, children);
+DropdownMenu.MenuContainer = MenuContainer;
+var ScrollableContentContainer = ({ children }) => /* @__PURE__ */ React67.createElement("div", { className: tw("p-3 overflow-y-auto overflow-x-hidden") }, children);
+DropdownMenu.ScrollableContentContainer = ScrollableContentContainer;
 var dropdownMenuGroupStyles = tv6({
   slots: {
     base: [
@@ -11149,7 +11135,7 @@ var FieldGroup = (props) => {
 
 // src/molecules/DropdownMenu/SearchField.tsx
 var SearchField = (props) => {
-  return /* @__PURE__ */ React70.createElement(AriaSearchField, { ...props }, /* @__PURE__ */ React70.createElement(FieldGroup, null, /* @__PURE__ */ React70.createElement(SearchIcon, { "aria-hidden": true }), /* @__PURE__ */ React70.createElement(AriaInput, { className: "outline-none bg-transparent [&::-webkit-search-cancel-button]:hidden" }), /* @__PURE__ */ React70.createElement(AriaButton, { "aria-label": "Clear", className: "group-empty:invisible" }, /* @__PURE__ */ React70.createElement(ResetIcon, { "aria-hidden": true }))));
+  return /* @__PURE__ */ React70.createElement(AriaSearchField, { ...props }, /* @__PURE__ */ React70.createElement(FieldGroup, null, /* @__PURE__ */ React70.createElement(SearchIcon, { "aria-hidden": true }), /* @__PURE__ */ React70.createElement(AriaInput, { className: "outline-none grow bg-transparent [&::-webkit-search-cancel-button]:hidden" }), /* @__PURE__ */ React70.createElement(AriaButton, { "aria-label": "Clear", className: "group-empty:invisible" }, /* @__PURE__ */ React70.createElement(ResetIcon, { "aria-hidden": true }))));
 };
 
 // src/molecules/DropdownMenu/DropdownMenu.tsx
@@ -11167,14 +11153,10 @@ DropdownMenu2.Trigger.displayName = "DropdownMenu.Trigger";
 var MenuItems = ({ children }) => {
   const props = useContext6(MenuPropsContext);
   const { contains } = useFilter({ sensitivity: "base" });
-  const childrenWithIds = React71.Children.map(children, mapKeyToId);
+  const childrenWithIds = mapKeyToId(children);
   const baseContent = /* @__PURE__ */ React71.createElement(
     DropdownMenu,
     {
-      minHeight: props.minHeight,
-      maxHeight: props.maxHeight,
-      minWidth: props.minWidth,
-      maxWidth: props.maxWidth,
       onAction: props.onAction,
       onSelectionChange: props.onSelectionChange,
       selectedKeys: props.selection,
@@ -11183,7 +11165,18 @@ var MenuItems = ({ children }) => {
     },
     childrenWithIds
   );
-  return /* @__PURE__ */ React71.createElement(Popover, { placement: props.placement }, props.header, /* @__PURE__ */ React71.createElement(DropdownMenu.ContentContainer, null, props.searchable && /* @__PURE__ */ React71.createElement(AriaAutocomplete, { filter: contains }, /* @__PURE__ */ React71.createElement(SearchField, { "aria-label": "Search menu items", className: "mb-5" }), baseContent), !props.searchable && baseContent), props.footer);
+  return /* @__PURE__ */ React71.createElement(Popover, { placement: props.placement }, /* @__PURE__ */ React71.createElement(
+    DropdownMenu.MenuContainer,
+    {
+      minHeight: props.minHeight,
+      maxHeight: props.maxHeight,
+      minWidth: props.minWidth,
+      maxWidth: props.maxWidth
+    },
+    props.header,
+    /* @__PURE__ */ React71.createElement(DropdownMenu.ScrollableContentContainer, null, props.searchable && /* @__PURE__ */ React71.createElement(AriaAutocomplete, { filter: contains }, /* @__PURE__ */ React71.createElement(SearchField, { "aria-label": "Search menu items", className: "mb-5" }), baseContent), !props.searchable && baseContent),
+    props.footer
+  ));
 };
 DropdownMenu2.Items = MenuItems;
 DropdownMenu2.Items.displayName = "DropdownMenu.Items";
@@ -11194,19 +11187,24 @@ var MenuItem = (props) => {
 DropdownMenu2.Item = MenuItem;
 DropdownMenu2.Item.displayName = "DropdownMenu.Item";
 var MenuSection = ({ children, ...props }) => {
-  const childrenWithIds = React71.Children.map(children, mapKeyToId);
+  const childrenWithIds = mapKeyToId(children);
   return /* @__PURE__ */ React71.createElement(DropdownMenu.Group, { ...props }, childrenWithIds);
 };
 DropdownMenu2.Section = MenuSection;
 DropdownMenu2.Section.displayName = "DropdownMenu.Section";
-var mapKeyToId = (child) => {
-  if (typeof child === "boolean" || child === null || child === void 0) {
+var mapKeyToId = (children) => {
+  return React71.Children.map(children, (child) => {
+    if (typeof child === "boolean" || child === null || child === void 0) {
+      return child;
+    }
+    if (React71.isValidElement(child) && child.type === React71.Fragment) {
+      return mapKeyToId(child.props.children);
+    }
+    if (isComponentType(child, MenuItem)) {
+      return React71.cloneElement(child, { id: child.props.id ?? child.key ?? void 0 });
+    }
     return child;
-  }
-  if (isComponentType(child, MenuItem)) {
-    return React71.cloneElement(child, { id: child.props.id ?? child.key ?? void 0 });
-  }
-  return child;
+  });
 };
 
 // src/utils/object.ts