entangle-ui 0.9.0 → 0.10.0

package/dist/esm/components/navigation/Menu/Menu.helpers.js

@@ -1,53 +0,0 @@
-"use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Menu } from '@base-ui/react/menu';
-import { ChevronUpIcon } from '../../Icons/ChevronUpIcon.js';
-import { Text } from '../../primitives/Text/Text.js';
-import { Stack } from '../../layout/Stack/Stack.js';
-import { cx } from '../../../utils/cx.js';
-import { menuContentStyle, iconVisibleStyle, menuItemDisabledStyle, menuItemStyle, iconHiddenStyle, checkboxItemStyle, radioItemStyle, menuItemContentStyle, iconContainerStyle, chevronIconStyle } from './Menu.css.js';
-
-/**
- * Helper function to render menu item content with consistent structure.
- */
-const renderMenuItemContent = (item, iconSlot) => (jsxs("div", { className: menuItemContentStyle, children: [iconSlot && jsx("div", { className: iconContainerStyle, children: iconSlot }), jsxs(Stack, { direction: "row", justify: "space-between", align: "center", expand: true, children: [jsx(Text, { variant: "caption", size: "md", color: "primary", children: item.label }), item.subMenu && (jsx("div", { className: chevronIconStyle, children: jsx(ChevronUpIcon, { size: "sm" }) }))] })] }));
-/**
- * Helper function to render a radio menu item.
- */
-const renderRadioItem = (item, _group, isSelected, radioIcon, clickHandler) => (jsx(Menu.RadioItem, { value: item.id, disabled: item.disabled, onClick: clickHandler, className: cx(radioItemStyle, item.disabled && menuItemDisabledStyle), children: renderMenuItemContent(item, jsx(Menu.RadioItemIndicator, { children: jsx("div", { className: isSelected ? iconVisibleStyle : iconHiddenStyle, children: radioIcon }) })) }, item.id));
-/**
- * Helper function to render a checkbox menu item.
- */
-const renderCheckboxItem = (item, _group, isSelected, checkboxIcon, clickHandler) => (jsx(Menu.CheckboxItem, { checked: isSelected, disabled: item.disabled, onClick: clickHandler, className: cx(checkboxItemStyle, item.disabled && menuItemDisabledStyle), children: renderMenuItemContent(item, jsx(Menu.CheckboxItemIndicator, { children: jsx("div", { className: isSelected ? iconVisibleStyle : iconHiddenStyle, children: checkboxIcon }) })) }, item.id));
-/**
- * Helper function to render a regular menu item without selection state.
- */
-const renderRegularItem = (item, _group, clickHandler) => (jsx(Menu.Item, { disabled: item.disabled, onClick: clickHandler, className: cx(menuItemStyle, item.disabled && menuItemDisabledStyle), children: renderMenuItemContent(item, item.icon ? (jsx("div", { className: iconVisibleStyle, children: item.icon })) : undefined) }, item.id));
-/**
- * Helper function to render a menu item based on group selection type.
- */
-const renderMenuItem = (item, group, isSelected, checkboxIcon, radioIcon, clickHandler) => {
-    switch (group.itemSelectionType) {
-        case 'radio':
-            return renderRadioItem(item, group, isSelected, radioIcon, clickHandler);
-        case 'checkbox':
-            return renderCheckboxItem(item, group, isSelected, checkboxIcon, clickHandler);
-        case 'none':
-        default:
-            return renderRegularItem(item, group, clickHandler);
-    }
-};
-/**
- * Helper function to render a menu item with optional submenu wrapper.
- */
-const renderItemWithSubmenu = (item, group, isSelected, checkboxIcon, radioIcon, selectedItems, clickHandler, onChange, MenuComponent) => {
-    const menuItem = renderMenuItem(item, group, isSelected, checkboxIcon, radioIcon, clickHandler);
-    // If item has submenu, wrap it in submenu structure
-    if (item.subMenu) {
-        return (jsxs(Menu.Root, { children: [jsx(Menu.SubmenuTrigger, { children: menuItem }), jsx(Menu.Portal, { children: jsx(Menu.Positioner, { children: jsx(Menu.Popup, { className: menuContentStyle, children: jsx(MenuComponent, { isSubmenu: true, config: item.subMenu, selectedItems: selectedItems, onChange: onChange, checkboxIcon: checkboxIcon, radioIcon: radioIcon }) }) }) })] }, item.id));
-    }
-    return menuItem;
-};
-
-export { renderCheckboxItem, renderItemWithSubmenu, renderMenuItem, renderMenuItemContent, renderRadioItem, renderRegularItem };
-//# sourceMappingURL=Menu.helpers.js.map

package/dist/esm/components/navigation/Menu/Menu.helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Menu.helpers.js","sources":["../../../../../../src/components/navigation/Menu/Menu.helpers.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AA6BA;;AAEG;AACI;AAmBP;;AAEG;AACI;AAyBP;;AAEG;AACI;AAyBP;;AAEG;AACI;AAoBP;;AAEG;AACI;AAQL;AACE;AACE;AACF;AACE;AAOF;AACA;;;AAGJ;AAEA;;AAEG;;AAYD;;AAUA;AACE;;AAqBF;AACF;;"}

package/dist/esm/components/navigation/Menu/useMenu.js

@@ -1,88 +0,0 @@
-"use client";
-import React, { useCallback } from 'react';
-
-/**
- * Hook for managing menu selection state and interactions.
- * Handles radio/checkbox logic, state updates, and submenu visibility.
- */
-const useMenu = (selectedItems = {}, onChange) => {
-    const [openSubmenus, setOpenSubmenus] = React.useState(new Set());
-    const handleItemClick = useCallback((groupId, itemId, group) => {
-        if (!onChange)
-            return;
-        const currentSelection = selectedItems[groupId] ?? [];
-        let newSelection;
-        switch (group.itemSelectionType) {
-            case 'radio':
-                // Radio: single selection, replace current
-                newSelection = [itemId];
-                break;
-            case 'checkbox':
-                // Checkbox: toggle selection
-                newSelection = currentSelection.includes(itemId)
-                    ? currentSelection.filter(id => id !== itemId)
-                    : [...currentSelection, itemId];
-                break;
-            case 'none':
-            default:
-                // No selection state management
-                return;
-        }
-        onChange({
-            ...selectedItems,
-            [groupId]: newSelection,
-        });
-    }, [selectedItems, onChange]);
-    const isItemSelected = useCallback((groupId, itemId) => {
-        return selectedItems[groupId]?.includes(itemId) ?? false;
-    }, [selectedItems]);
-    const toggleSubmenu = useCallback((itemId) => {
-        setOpenSubmenus(prev => {
-            const newSet = new Set(prev);
-            if (newSet.has(itemId)) {
-                newSet.delete(itemId);
-            }
-            else {
-                newSet.add(itemId);
-            }
-            return newSet;
-        });
-    }, []);
-    const openSubmenu = useCallback((itemId) => {
-        setOpenSubmenus(prev => new Set(prev).add(itemId));
-    }, []);
-    const closeSubmenu = useCallback((itemId) => {
-        setOpenSubmenus(prev => {
-            const newSet = new Set(prev);
-            newSet.delete(itemId);
-            return newSet;
-        });
-    }, []);
-    const isSubmenuOpen = useCallback((itemId) => {
-        return openSubmenus.has(itemId);
-    }, [openSubmenus]);
-    return {
-        handleItemClick,
-        isItemSelected,
-        toggleSubmenu,
-        openSubmenu,
-        closeSubmenu,
-        isSubmenuOpen,
-    };
-};
-/**
- * Helper function to create a common click handler for menu items.
- */
-const createItemClickHandler = (item, group, handleItemClick, toggleSubmenu) => (event) => {
-    // Call original onClick handler
-    item.onClick(item.id, event.nativeEvent);
-    // Handle submenu toggle for click trigger
-    if (item.subMenu && item.submenuTrigger === 'click') {
-        toggleSubmenu(item.id);
-    }
-    // Handle selection state
-    handleItemClick(group.id, item.id, group);
-};
-
-export { createItemClickHandler, useMenu };
-//# sourceMappingURL=useMenu.js.map

package/dist/esm/components/navigation/Menu/useMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMenu.js","sources":["../../../../../../src/components/navigation/Menu/useMenu.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAMA;;;AAGG;AACI;AAIL;;AAMI;;;AAGA;AAEA;AACE;;AAEE;;AAEF;;AAEE;AACE;AACA;;AAEJ;AACA;;;;AAKF;AACE;;AAED;AACH;;;AAOA;AAIF;;AAEI;AACA;AACE;;;AAEA;;AAEF;AACF;;AAGF;AACE;;AAGF;;AAEI;AACA;AACA;AACF;;AAGF;AAEI;AACF;;;;;;;;;AAYJ;AAEA;;AAEG;AACI;;;;;AAiBD;;;;AAKJ;;"}

package/dist/types/components/navigation/ContextMenu/useContextMenuTarget.d.ts

@@ -1,5 +0,0 @@
-import { UseContextMenuTargetResult } from './ContextMenu.types.js';
-
-declare function useContextMenuTarget<TPayload = unknown>(payload?: TPayload): UseContextMenuTargetResult<TPayload>;
-
-export { useContextMenuTarget };

package/dist/types/components/navigation/Menu/useMenu.d.ts

@@ -1,16 +0,0 @@
-import { MenuSelection, MenuGroup } from './Menu.types.js';
-
-/**
- * Hook for managing menu selection state and interactions.
- * Handles radio/checkbox logic, state updates, and submenu visibility.
- */
-declare const useMenu: (selectedItems?: MenuSelection, onChange?: (selection: MenuSelection) => void) => {
-    handleItemClick: (groupId: string, itemId: string, group: MenuGroup) => void;
-    isItemSelected: (groupId: string, itemId: string) => boolean;
-    toggleSubmenu: (itemId: string) => void;
-    openSubmenu: (itemId: string) => void;
-    closeSubmenu: (itemId: string) => void;
-    isSubmenuOpen: (itemId: string) => boolean;
-};
-
-export { useMenu };