npm - @cube-dev/ui-kit - Versions diffs - 0.182.0 → 0.184.0 - Mend

@cube-dev/ui-kit 0.182.0 → 0.184.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1160) hide show

package/dist/components/actions/CommandMenu/CommandMenu.js CHANGED Viewed

@@ -1,7 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
-import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
 import { LoadingIcon } from "../../../icons/LoadingIcon.js";
 import { _CollectionItem } from "../../CollectionItem.js";
 import { useI18n } from "../../../i18n/useI18n.js";
@@ -30,7 +29,7 @@ function CommandMenu(props, ref) {
 		defaultSelectedKeys: defaultSelectedKeys ? new Set(defaultSelectedKeys) : void 0,
 		onSelectionChange: onSelectionChange ? (keys) => {
 			if (keys === "all") onSelectionChange(Array.from(treeState.collection.getKeys()).map((key) => String(key)));
-			else if (keys instanceof Set) onSelectionChange(Array.from(keys).map((key) => String(key)));
+			else if (keys instanceof Set) onSelectionChange(Array.from(keys).map((key_0) => String(key_0)));
 			else onSelectionChange([]);
 		} : void 0
 	});
@@ -55,7 +54,7 @@ function CommandMenu(props, ref) {
 	const collectionFilter = useCallback((nodes) => {
 		const term = searchValue.trim();
 		if (!term) return nodes;
-		if (term.toLowerCase().split(/\s+/).filter((word) => word.length > 0).length === 0) return nodes;
+		if (term.toLowerCase().split(/\s+/).filter((word_0) => word_0.length > 0).length === 0) return nodes;
 		const filterNodes = (iter) => {
 			const result = [];
 			for (const node of iter) if (node.type === "section") {
@@ -75,41 +74,41 @@ function CommandMenu(props, ref) {
 		shouldUseVirtualFocus: true
 	});
 	const collectionItems = [...treeState.collection];
-	collectionItems.some((item) => item.type === "section");
+	collectionItems.some((item_0) => item_0.type === "section");
 	const [focusedKey, setFocusedKey] = React.useState(null);
 	const focusedKeyRef = useRef(null);
 	const filteredCollectionItems = useMemo(() => {
-		const term = searchValue.trim();
-		if (!term) return collectionItems;
-		if (term.toLowerCase().split(/\s+/).filter((word) => word.length > 0).length === 0) return collectionItems;
-		const filterNodes = (items) => {
-			const result = [];
-			[...items].forEach((item) => {
-				if (item.type === "section") {
-					const filteredChildren = filterNodes(item.childNodes);
-					if (filteredChildren.length) result.push({
-						...item,
-						childNodes: filteredChildren
+		const term_0 = searchValue.trim();
+		if (!term_0) return collectionItems;
+		if (term_0.toLowerCase().split(/\s+/).filter((word_1) => word_1.length > 0).length === 0) return collectionItems;
+		const filterNodes_0 = (items) => {
+			const result_0 = [];
+			[...items].forEach((item_1) => {
+				if (item_1.type === "section") {
+					const filteredChildren_0 = filterNodes_0(item_1.childNodes);
+					if (filteredChildren_0.length) result_0.push({
+						...item_1,
+						childNodes: filteredChildren_0
 					});
-				} else if (enhancedFilter(item.textValue ?? String(item.rendered ?? ""), term, item.props)) result.push(item);
+				} else if (enhancedFilter(item_1.textValue ?? String(item_1.rendered ?? ""), term_0, item_1.props)) result_0.push(item_1);
 			});
-			return result;
+			return result_0;
 		};
-		return filterNodes(collectionItems);
+		return filterNodes_0(collectionItems);
 	}, [
 		collectionItems,
 		searchValue,
 		enhancedFilter
 	]);
 	const hasFilteredItems = filteredCollectionItems.length > 0;
-	const viewHasSections = filteredCollectionItems.some((item) => item.type === "section");
+	const viewHasSections = filteredCollectionItems.some((item_2) => item_2.type === "section");
 	const findFirstSelectableItem = useCallback(() => {
 		const { selectionManager } = treeState;
-		const visit = (items) => {
-			for (const node of items) if (node?.type === "section") {
-				const childResult = visit(Array.from(node.childNodes ?? []));
+		const visit = (items_0) => {
+			for (const node_0 of items_0) if (node_0?.type === "section") {
+				const childResult = visit(Array.from(node_0.childNodes ?? []));
 				if (childResult != null) return childResult;
-			} else if (node?.type === "item" && !selectionManager.isDisabled(node.key)) return node.key;
+			} else if (node_0?.type === "item" && !selectionManager.isDisabled(node_0.key)) return node_0.key;
 			return null;
 		};
 		return visit(filteredCollectionItems);
@@ -122,42 +121,36 @@ function CommandMenu(props, ref) {
 		shouldUseVirtualFocus: true
 	}, treeState, menuRef);
 	const renderedItems = useMemo(() => {
-		const items = [];
+		const items_1 = [];
 		let isFirstSection = true;
-		filteredCollectionItems.forEach((item) => {
-			if (item.type === "section") {
-				if (!isFirstSection) items.push(/* @__PURE__ */ jsx(StyledDivider, {
+		filteredCollectionItems.forEach((item_3) => {
+			if (item_3.type === "section") {
+				if (!isFirstSection) items_1.push(/* @__PURE__ */ jsx(StyledDivider, {
 					role: "separator",
 					"aria-orientation": "horizontal"
-				}, `divider-${String(item.key)}`));
-				items.push(/* @__PURE__ */ jsx(MenuSection, {
-					item,
+				}, `divider-${String(item_3.key)}`));
+				items_1.push(/* @__PURE__ */ jsx(MenuSection, {
+					item: item_3,
 					state: treeState,
 					styles: completeProps.sectionStyles,
 					itemStyles: completeProps.itemStyles,
 					headingStyles: completeProps.sectionHeadingStyles,
 					size
-				}, item.key));
+				}, item_3.key));
 				isFirstSection = false;
 				return;
 			}
 			let menuItem = /* @__PURE__ */ jsx(MenuItem, {
-				item,
+				item: item_3,
 				state: treeState,
 				styles: completeProps.itemStyles,
 				size,
-				onAction: item.onAction
-			}, item.key);
-			if (item.props.tooltip) menuItem = /* @__PURE__ */ jsx(TooltipProvider, {
-				activeWrap: true,
-				placement: "right",
-				...typeof item.props.tooltip === "string" ? { title: item.props.tooltip } : item.props.tooltip,
-				children: menuItem
-			}, item.key);
-			if (item.props.wrapper) menuItem = item.props.wrapper(menuItem);
-			items.push(React.cloneElement(menuItem, { key: item.key }));
+				onAction: item_3.onAction
+			}, item_3.key);
+			if (item_3.props.wrapper) menuItem = item_3.props.wrapper(menuItem);
+			items_1.push(React.cloneElement(menuItem, { key: item_3.key }));
 		});
-		return items;
+		return items_1;
 	}, [
 		filteredCollectionItems,
 		treeState,
@@ -175,10 +168,10 @@ function CommandMenu(props, ref) {
 	}, [autoFocus]);
 	React.useEffect(() => {
 		if (autoFocus && contextProps.autoFocus && searchInputRef.current) {
-			const timeoutId = setTimeout(() => {
+			const timeoutId_0 = setTimeout(() => {
 				if (searchInputRef.current) searchInputRef.current.focus();
 			}, 50);
-			return () => clearTimeout(timeoutId);
+			return () => clearTimeout(timeoutId_0);
 		}
 	}, [autoFocus, contextProps.autoFocus]);
 	const prevSearchValueRef = useRef("");
@@ -251,71 +244,71 @@ function CommandMenu(props, ref) {
 				"aria-haspopup": "listbox",
 				"aria-activedescendant": focusedKey != null ? `${qa || "CommandMenu"}-menu-option-${focusedKey}` : void 0,
 				onChange: (e) => handleSearchChange(e.target.value),
-				onKeyDown: (e) => {
-					if (e.key === "ArrowDown" || e.key === "ArrowUp") {
-						e.preventDefault();
-						const isArrowDown = e.key === "ArrowDown";
-						const { selectionManager } = treeState;
-						const currentKey = focusedKeyRef.current || selectionManager.focusedKey;
+				onKeyDown: (e_0) => {
+					if (e_0.key === "ArrowDown" || e_0.key === "ArrowUp") {
+						e_0.preventDefault();
+						const isArrowDown = e_0.key === "ArrowDown";
+						const { selectionManager: selectionManager_0 } = treeState;
+						const currentKey = focusedKeyRef.current || selectionManager_0.focusedKey;
 						const getVisibleItemKeys = () => {
-							const keys = [];
-							const visit = (items) => {
-								for (const node of items) if (node?.type === "section") visit(Array.from(node.childNodes ?? []));
-								else if (node?.type === "item") keys.push(node.key);
+							const keys_0 = [];
+							const visit_0 = (items_2) => {
+								for (const node_1 of items_2) if (node_1?.type === "section") visit_0(Array.from(node_1.childNodes ?? []));
+								else if (node_1?.type === "item") keys_0.push(node_1.key);
 							};
-							visit(filteredCollectionItems);
-							return keys;
+							visit_0(filteredCollectionItems);
+							return keys_0;
 						};
 						const findNextSelectableKey = (currentIndex, direction, visibleKeys) => {
 							const increment = direction === "forward" ? 1 : -1;
 							for (let i = currentIndex + increment; i >= 0 && i < visibleKeys.length; i += increment) {
-								const key = visibleKeys[i];
-								if (!selectionManager.isDisabled(key)) return key;
+								const key_1 = visibleKeys[i];
+								if (!selectionManager_0.isDisabled(key_1)) return key_1;
 							}
 							return null;
 						};
-						const findFirstLastSelectableKey = (direction, visibleKeys) => {
-							const keysToCheck = direction === "forward" ? visibleKeys : [...visibleKeys].reverse();
-							for (const key of keysToCheck) if (!selectionManager.isDisabled(key)) return key;
+						const findFirstLastSelectableKey = (direction_0, visibleKeys_0) => {
+							const keysToCheck = direction_0 === "forward" ? visibleKeys_0 : [...visibleKeys_0].reverse();
+							for (const key_2 of keysToCheck) if (!selectionManager_0.isDisabled(key_2)) return key_2;
 							return null;
 						};
-						const visibleKeys = getVisibleItemKeys();
-						if (visibleKeys.length === 0) return;
+						const visibleKeys_1 = getVisibleItemKeys();
+						if (visibleKeys_1.length === 0) return;
 						let nextKey;
-						const direction = isArrowDown ? "forward" : "backward";
-						if (currentKey == null) nextKey = findFirstLastSelectableKey(direction, visibleKeys);
+						const direction_1 = isArrowDown ? "forward" : "backward";
+						if (currentKey == null) nextKey = findFirstLastSelectableKey(direction_1, visibleKeys_1);
 						else {
-							const currentIndex = visibleKeys.indexOf(currentKey);
-							if (currentIndex === -1) nextKey = findFirstLastSelectableKey(direction, visibleKeys);
+							const currentIndex_0 = visibleKeys_1.indexOf(currentKey);
+							if (currentIndex_0 === -1) nextKey = findFirstLastSelectableKey(direction_1, visibleKeys_1);
 							else {
-								nextKey = findNextSelectableKey(currentIndex, direction, visibleKeys);
-								if (nextKey == null) nextKey = findFirstLastSelectableKey(direction, visibleKeys);
+								nextKey = findNextSelectableKey(currentIndex_0, direction_1, visibleKeys_1);
+								if (nextKey == null) nextKey = findFirstLastSelectableKey(direction_1, visibleKeys_1);
 							}
 						}
 						if (nextKey != null) {
-							selectionManager.setFocusedKey(nextKey);
+							selectionManager_0.setFocusedKey(nextKey);
 							setFocusedKey(nextKey);
 							focusedKeyRef.current = nextKey;
 						}
-					} else if (e.key === "Enter" || e.key === " " && !searchValue.trim()) {
+					} else if (e_0.key === "Enter" || e_0.key === " " && !searchValue.trim()) {
 						const currentFocusedKey = focusedKey || treeState.selectionManager.focusedKey;
 						if (currentFocusedKey != null) {
-							e.preventDefault();
-							if (treeState.selectionManager.selectionMode !== "none") treeState.selectionManager.select(currentFocusedKey, e);
+							e_0.preventDefault();
+							if (treeState.selectionManager.selectionMode !== "none") treeState.selectionManager.select(currentFocusedKey, e_0);
 							else {
-								const node = treeState.collection.getItem(currentFocusedKey);
-								if (node) {
+								const node_2 = treeState.collection.getItem(currentFocusedKey);
+								if (node_2) {
 									const onAction = completeProps.onAction;
 									if (onAction) onAction(currentFocusedKey);
-									if (node.props?.onAction) node.props.onAction(currentFocusedKey);
+									if (node_2.props?.onAction) node_2.props.onAction(currentFocusedKey);
 								}
 							}
 							const { onClose, closeOnSelect } = contextProps;
 							if (onClose && closeOnSelect !== false) onClose();
 						}
-					} else if (e.key === "Escape") {
+					} else if (e_0.key === "Escape") {
 						if (searchValue) {
-							e.preventDefault();
+							e_0.preventDefault();
 							handleSearchChange("");
 						}
 					}

package/dist/components/actions/CommandMenu/CommandMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommandMenu.js","names":["mergeProps","MenuTrigger"],"sources":["../../../../src/components/actions/CommandMenu/CommandMenu.tsx"],"sourcesContent":["import { useObjectRef, useSyncRef } from '@react-aria/utils';\nimport { FocusStrategy } from '@react-types/shared';\nimport {\n BaseProps,\n CONTAINER_STYLES,\n ContainerStyleProps,\n filterBaseProps,\n Styles,\n} from '@tenphi/tasty';\nimport React, {\n Key,\n ReactElement,\n ReactNode,\n Ref,\n useCallback,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { useFilter, useMenu } from 'react-aria';\nimport { Section, useTreeState } from 'react-stately';\n\nimport { useI18n } from '../../../i18n';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\n// `CollectionItem` (not react-stately's bare `Item`) is what CommandMenu\n// actually renders through `MenuItem`, so it carries the `Item` props.\nimport { CollectionItem as Item } from '../../CollectionItem';\nimport { TooltipProvider } from '../../overlays/Tooltip/TooltipProvider';\nimport { useMenuContext } from '../Menu';\nimport { CubeMenuProps } from '../Menu/Menu';\nimport { MenuItem } from '../Menu/MenuItem';\nimport { MenuSection } from '../Menu/MenuSection';\nimport { MenuTrigger } from '../Menu/MenuTrigger';\nimport {\n StyledDivider,\n StyledFooter,\n StyledHeader,\n StyledMenu,\n} from '../Menu/styled';\n\nimport {\n StyledCommandMenu,\n StyledEmptyState,\n StyledLoadingWrapper,\n StyledSearchInput,\n} from './styled';\n\nexport interface CommandMenuItem {\n // Standard item props\n id: string;\n textValue: string;\n\n // Enhanced search features\n keywords?: string[];\n forceMount?: boolean;\n\n // Standard Menu item props inherited\n [key: string]: any;\n}\n\nexport interface CubeCommandMenuProps<T>\n extends BaseProps,\n ContainerStyleProps,\n Omit<\n CubeMenuProps<T>,\n 'selectedKeys' \| 'defaultSelectedKeys' \| 'onSelectionChange'\n > {\n // Search-specific props\n searchPlaceholder?: string;\n searchValue?: string;\n onSearchChange?: (value: string) => void;\n filter?: (textValue: string, inputValue: string) => boolean;\n emptyLabel?: ReactNode;\n searchInputStyles?: Styles;\n headerStyles?: Styles;\n footerStyles?: Styles;\n\n // Advanced search features\n isLoading?: boolean;\n shouldFilter?: boolean;\n\n // Focus management - override the autoFocus from CubeMenuProps to allow boolean \| FocusStrategy\n autoFocus?: boolean \| FocusStrategy;\n\n // Size prop\n size?: 'medium' \| 'large' \| (string & {});\n\n /** Currently selected keys (controlled) /\n selectedKeys?: string[];\n /* Initially selected keys (uncontrolled) /\n defaultSelectedKeys?: string[];\n /* Handler for selection changes /\n onSelectionChange?: (keys: string[]) => void;\n}\n\nfunction CommandMenu<T extends object>(\n props: CubeCommandMenuProps<T>,\n ref: Ref<HTMLDivElement>,\n) {\n const { t } = useI18n();\n\n const {\n searchPlaceholder = t(\n 'commandMenu.searchPlaceholder',\n 'Search commands...',\n ),\n searchValue: controlledSearchValue,\n onSearchChange,\n filter: customFilter,\n emptyLabel = t('commandMenu.empty', 'No commands found'),\n searchInputStyles,\n headerStyles,\n footerStyles,\n isLoading = false,\n shouldFilter = true,\n autoFocus = true,\n size = 'medium',\n qa,\n styles,\n selectedKeys,\n defaultSelectedKeys,\n onSelectionChange,\n header,\n footer,\n ...restMenuProps\n } = props;\n\n const domRef = useObjectRef(ref);\n const searchInputRef = useRef<HTMLInputElement>(null);\n const contextProps = useMenuContext();\n\n // Convert string[] to Set<Key> for React Aria compatibility\n const ariaSelectedKeys = selectedKeys ? new Set(selectedKeys) : undefined;\n const ariaDefaultSelectedKeys = defaultSelectedKeys\n ? new Set(defaultSelectedKeys)\n : undefined;\n\n const handleSelectionChange = onSelectionChange\n ? (keys: 'all' \| Set<Key>) => {\n if (keys === 'all') {\n // Handle 'all' selection case - collect all available keys\n const allKeys = Array.from(treeState.collection.getKeys()).map(\n (key: any) => String(key),\n );\n onSelectionChange(allKeys);\n } else if (keys instanceof Set) {\n onSelectionChange(Array.from(keys).map((key) => String(key)));\n } else {\n onSelectionChange([]);\n }\n }\n : undefined;\n\n const completeProps = mergeProps(contextProps, restMenuProps, {\n selectedKeys: ariaSelectedKeys,\n defaultSelectedKeys: ariaDefaultSelectedKeys,\n onSelectionChange: handleSelectionChange,\n });\n\n // Search state management\n const [internalSearchValue, setInternalSearchValue] = useState('');\n const searchValue = controlledSearchValue ?? internalSearchValue;\n\n const handleSearchChange = useCallback(\n (value: string) => {\n if (controlledSearchValue === undefined) {\n setInternalSearchValue(value);\n }\n onSearchChange?.(value);\n },\n [controlledSearchValue, onSearchChange],\n );\n\n // Filter setup\n const { contains } = useFilter({ sensitivity: 'base' });\n const textFilterFn = useMemo(\n () => customFilter \|\| contains,\n [customFilter, contains],\n );\n\n // Enhanced filter function that supports keywords and forceMount\n const enhancedFilter = useCallback(\n (textValue: string, inputValue: string, item?: any) => {\n // Always show force-mounted items\n if (item?.forceMount) {\n return true;\n }\n\n // If shouldFilter is false, show all items\n if (!shouldFilter) {\n return true;\n }\n\n // Split input value into individual words and filter out empty strings\n const searchWords = inputValue\n .trim()\n .toLowerCase()\n .split(/\\s+/)\n .filter((word) => word.length > 0);\n\n // If no search words, show all items\n if (searchWords.length === 0) {\n return true;\n }\n\n // Collect all searchable text for this item\n const searchableTexts: string[] = [];\n\n // Add main text value\n searchableTexts.push(textValue.toLowerCase());\n\n // Add keywords if available\n if (item?.keywords && Array.isArray(item.keywords)) {\n searchableTexts.push(\n ...item.keywords.map((keyword: string) => keyword.toLowerCase()),\n );\n }\n\n // Check if ALL search words match at least one of the searchable texts\n return searchWords.every((searchWord) =>\n searchableTexts.some((text) => text.includes(searchWord)),\n );\n },\n [shouldFilter],\n );\n\n // Collection filter for React Stately\n const collectionFilter = useCallback(\n (nodes: Iterable<any>): Iterable<any> => {\n const term = searchValue.trim();\n\n // If no search term, return all nodes\n if (!term) {\n return nodes;\n }\n\n // Split search term into words for multi-word filtering\n const searchWords = term\n .toLowerCase()\n .split(/\\s+/)\n .filter((word) => word.length > 0);\n\n // If no valid search words, return all nodes\n if (searchWords.length === 0) {\n return nodes;\n }\n\n // Recursive helper to filter sections and items\n const filterNodes = (iter: Iterable<any>): any[] => {\n const result: any[] = [];\n\n for (const node of iter) {\n if (node.type === 'section') {\n const filteredChildren = filterNodes(node.childNodes);\n\n if (filteredChildren.length) {\n result.push({\n ...node,\n childNodes: filteredChildren,\n });\n }\n } else {\n const text = node.textValue ?? String(node.rendered ?? '');\n\n if (enhancedFilter(text, term, node.props)) {\n result.push(node);\n }\n }\n }\n\n return result;\n };\n\n return filterNodes(nodes);\n },\n [searchValue, enhancedFilter],\n );\n\n // Create tree state with filter for both keyboard navigation and rendering\n const treeStateProps = {\n ...completeProps,\n filter: collectionFilter,\n shouldUseVirtualFocus: true, // Always use virtual focus for CommandMenu\n };\n\n const treeState = useTreeState(treeStateProps);\n\n const collectionItems = [...treeState.collection];\n const hasSections = collectionItems.some((item) => item.type === 'section');\n\n // Track focused key for aria-activedescendant\n const [focusedKey, setFocusedKey] = React.useState<React.Key \| null>(null);\n const focusedKeyRef = useRef<React.Key \| null>(null);\n\n // Apply filtering to collection items for rendering and empty state checks\n const filteredCollectionItems = useMemo(() => {\n const term = searchValue.trim();\n if (!term) {\n return collectionItems;\n }\n\n // Split search term into words for multi-word filtering\n const searchWords = term\n .toLowerCase()\n .split(/\\s+/)\n .filter((word) => word.length > 0);\n\n // If no valid search words, return all items\n if (searchWords.length === 0) {\n return collectionItems;\n }\n\n const filterNodes = (items: any[]): any[] => {\n const result: any[] = [];\n\n [...items].forEach((item) => {\n if (item.type === 'section') {\n const filteredChildren = filterNodes(item.childNodes);\n if (filteredChildren.length) {\n result.push({\n ...item,\n childNodes: filteredChildren,\n });\n }\n } else {\n const text = item.textValue ?? String(item.rendered ?? '');\n if (enhancedFilter(text, term, item.props)) {\n result.push(item);\n }\n }\n });\n\n return result;\n };\n\n return filterNodes(collectionItems);\n }, [collectionItems, searchValue, enhancedFilter]);\n\n const hasFilteredItems = filteredCollectionItems.length > 0;\n const viewHasSections = filteredCollectionItems.some(\n (item) => item.type === 'section',\n );\n\n // Helper function to find the first selectable item from filtered results\n const findFirstSelectableItem = useCallback(() => {\n const { selectionManager } = treeState;\n\n const visit = (items: any[]): Key \| null => {\n for (const node of items) {\n if (node?.type === 'section') {\n const childResult = visit(Array.from(node.childNodes ?? []));\n if (childResult != null) return childResult;\n } else if (\n node?.type === 'item' &&\n !selectionManager.isDisabled(node.key)\n ) {\n return node.key;\n }\n }\n return null;\n };\n\n return visit(filteredCollectionItems);\n }, [filteredCollectionItems, treeState.selectionManager]);\n\n // Create a ref for the menu container\n const menuRef = useRef<HTMLUListElement>(null);\n\n // Use menu hook for accessibility\n const { menuProps } = useMenu(\n {\n ...completeProps,\n 'aria-label': 'Command palette menu',\n filter: collectionFilter,\n shouldUseVirtualFocus: true,\n },\n treeState,\n menuRef,\n );\n\n // Manual rendering of menu items (similar to Menu component)\n const renderedItems = useMemo(() => {\n const items: React.ReactNode[] = [];\n let isFirstSection = true;\n\n filteredCollectionItems.forEach((item) => {\n if (item.type === 'section') {\n if (!isFirstSection) {\n items.push(\n <StyledDivider\n key={`divider-${String(item.key)}`}\n role=\"separator\"\n aria-orientation=\"horizontal\"\n />,\n );\n }\n\n items.push(\n <MenuSection\n key={item.key}\n item={item}\n state={treeState}\n styles={completeProps.sectionStyles}\n itemStyles={completeProps.itemStyles}\n headingStyles={completeProps.sectionHeadingStyles}\n size={size}\n />,\n );\n\n isFirstSection = false;\n return;\n }\n\n let menuItem = (\n <MenuItem\n key={item.key}\n item={item}\n state={treeState}\n styles={completeProps.itemStyles}\n size={size}\n onAction={item.onAction}\n />\n );\n\n // Apply tooltip wrapper if tooltip property is provided\n if (item.props.tooltip) {\n const tooltipProps =\n typeof item.props.tooltip === 'string'\n ? { title: item.props.tooltip }\n : item.props.tooltip;\n\n menuItem = (\n <TooltipProvider\n key={item.key}\n activeWrap\n placement=\"right\"\n {...tooltipProps}\n >\n {menuItem}\n </TooltipProvider>\n );\n }\n\n // Apply custom wrapper if provided\n if (item.props.wrapper) {\n menuItem = item.props.wrapper(menuItem);\n }\n\n // Ensure every child has a stable key, even if the wrapper component didn't set one.\n items.push(React.cloneElement(menuItem, { key: item.key }));\n });\n\n return items;\n }, [\n filteredCollectionItems,\n treeState,\n completeProps.sectionStyles,\n completeProps.itemStyles,\n\n completeProps.sectionHeadingStyles,\n ]);\n\n // Auto-focus search input\n React.useEffect(() => {\n if (autoFocus && searchInputRef.current) {\n // Use a small timeout to ensure the element is visible and focusable\n // This is especially important when the CommandMenu is opened in a popover\n const timeoutId = setTimeout(() => {\n if (searchInputRef.current) {\n searchInputRef.current.focus();\n }\n }, 0);\n\n return () => clearTimeout(timeoutId);\n }\n }, [autoFocus]);\n\n // Also focus when the component becomes visible (for trigger/popover usage)\n React.useEffect(() => {\n // Check if autoFocus is enabled and we're in a trigger context\n if (autoFocus && contextProps.autoFocus && searchInputRef.current) {\n // Use a small timeout to ensure the popover is fully rendered\n const timeoutId = setTimeout(() => {\n if (searchInputRef.current) {\n searchInputRef.current.focus();\n }\n }, 50); // Slightly longer timeout for popover context\n\n return () => clearTimeout(timeoutId);\n }\n }, [autoFocus, contextProps.autoFocus]);\n\n // Track the previous search value to only run auto-focus when search actually changes\n const prevSearchValueRef = useRef<string>('');\n\n // Auto-focus first item when search value changes (but not on initial render)\n React.useEffect(() => {\n const currentSearchValue = searchValue.trim();\n const prevSearchValue = prevSearchValueRef.current;\n\n // Only auto-focus when search value actually changes\n if (currentSearchValue !== prevSearchValue && currentSearchValue !== '') {\n const firstSelectableKey = findFirstSelectableItem();\n\n if (firstSelectableKey && hasFilteredItems) {\n // Focus the first item in the selection manager\n treeState.selectionManager.setFocusedKey(firstSelectableKey);\n setFocusedKey(firstSelectableKey);\n focusedKeyRef.current = firstSelectableKey;\n } else {\n // Clear focus if no items are available\n treeState.selectionManager.setFocusedKey(null);\n setFocusedKey(null);\n focusedKeyRef.current = null;\n }\n }\n\n // Update the previous search value\n prevSearchValueRef.current = currentSearchValue;\n }, [searchValue, findFirstSelectableItem, hasFilteredItems]);\n\n // Extract styles\n const extractedStyles = useMemo(\n () => extractStyles(props, CONTAINER_STYLES),\n [props],\n );\n\n // Determine if we should show empty state based on actual filtered collection\n const hasSearchTerm = searchValue.trim().length > 0;\n const showEmptyState = hasSearchTerm && !hasFilteredItems && !isLoading;\n\n // Sync refs\n useSyncRef(contextProps, menuRef);\n\n const mods = useMemo(() => {\n // Determine mods based on menu context\n let popoverMod = completeProps.mods?.popover;\n let trayMod = completeProps.mods?.tray;\n\n return {\n sections: viewHasSections,\n footer: !!footer,\n header: !!header,\n popover: popoverMod,\n tray: trayMod,\n };\n }, [viewHasSections, footer, header, completeProps.mods]);\n\n return (\n <StyledCommandMenu\n {...(filterBaseProps(props) as Record<string, unknown>)}\n ref={domRef}\n qa={qa \|\| 'CommandMenu'}\n data-size={size}\n mods={mods}\n styles={mergeProps(extractedStyles, styles)}\n >\n {/ Header /}\n {header && (\n <StyledHeader\n role=\"presentation\"\n data-size={size}\n styles={{ border: 'none', ...headerStyles }}\n >\n {header}\n </StyledHeader>\n )}\n\n {/ Search Input /}\n <StyledSearchInput\n ref={searchInputRef}\n type=\"search\"\n placeholder={searchPlaceholder}\n value={searchValue}\n styles={searchInputStyles}\n data-size={size}\n aria-controls={`${qa \|\| 'CommandMenu'}-menu`}\n role=\"combobox\"\n aria-expanded=\"true\"\n aria-haspopup=\"listbox\"\n aria-activedescendant={\n focusedKey != null\n ? `${qa \|\| 'CommandMenu'}-menu-option-${focusedKey}`\n : undefined\n }\n onChange={(e) => handleSearchChange(e.target.value)}\n onKeyDown={(e) => {\n if (e.key === 'ArrowDown' \|\| e.key === 'ArrowUp') {\n e.preventDefault();\n\n const isArrowDown = e.key === 'ArrowDown';\n const { selectionManager } = treeState;\n // Use the ref to get the current focused key synchronously\n const currentKey =\n focusedKeyRef.current \|\| selectionManager.focusedKey;\n\n // Helper function to get all visible item keys accounting for sections\n const getVisibleItemKeys = (): Key[] => {\n const keys: Key[] = [];\n\n const visit = (items: any[]) => {\n for (const node of items) {\n if (node?.type === 'section') {\n visit(Array.from(node.childNodes ?? []));\n } else if (node?.type === 'item') {\n keys.push(node.key);\n }\n }\n };\n\n visit(filteredCollectionItems);\n return keys;\n };\n\n // Helper function to find next selectable key in a direction\n const findNextSelectableKey = (\n currentIndex: number,\n direction: 'forward' \| 'backward',\n visibleKeys: Key[],\n ) => {\n const increment = direction === 'forward' ? 1 : -1;\n\n for (\n let i = currentIndex + increment;\n i >= 0 && i < visibleKeys.length;\n i += increment\n ) {\n const key = visibleKeys[i];\n if (!selectionManager.isDisabled(key)) {\n return key;\n }\n }\n\n return null;\n };\n\n // Helper function to find first or last selectable key\n const findFirstLastSelectableKey = (\n direction: 'forward' \| 'backward',\n visibleKeys: Key[],\n ) => {\n const keysToCheck =\n direction === 'forward'\n ? visibleKeys\n : [...visibleKeys].reverse();\n\n for (const key of keysToCheck) {\n if (!selectionManager.isDisabled(key)) {\n return key;\n }\n }\n\n return null;\n };\n\n const visibleKeys = getVisibleItemKeys();\n\n if (visibleKeys.length === 0) {\n return; // No visible items to navigate\n }\n\n let nextKey;\n const direction = isArrowDown ? 'forward' : 'backward';\n\n if (currentKey == null) {\n // No current focus, start from the first/last item\n nextKey = findFirstLastSelectableKey(direction, visibleKeys);\n } else {\n // Find current position in visible keys\n const currentIndex = visibleKeys.indexOf(currentKey);\n\n if (currentIndex === -1) {\n // Current key not in visible items, start from beginning/end\n nextKey = findFirstLastSelectableKey(direction, visibleKeys);\n } else {\n // Find next selectable item from current position\n nextKey = findNextSelectableKey(\n currentIndex,\n direction,\n visibleKeys,\n );\n\n // If no next key found, wrap to first/last selectable item\n if (nextKey == null) {\n nextKey = findFirstLastSelectableKey(direction, visibleKeys);\n }\n }\n }\n\n if (nextKey != null) {\n selectionManager.setFocusedKey(nextKey);\n setFocusedKey(nextKey);\n focusedKeyRef.current = nextKey; // Update ref immediately\n }\n } else if (\n e.key === 'Enter' \|\|\n (e.key === ' ' && !searchValue.trim())\n ) {\n const currentFocusedKey =\n focusedKey \|\| treeState.selectionManager.focusedKey;\n if (currentFocusedKey != null) {\n e.preventDefault();\n\n // Trigger action for the focused item (like Menu does)\n // First check if there's a selection mode, if so, handle selection\n if (treeState.selectionManager.selectionMode !== 'none') {\n treeState.selectionManager.select(currentFocusedKey, e);\n } else {\n // Default behavior: trigger action\n const node = treeState.collection.getItem(currentFocusedKey);\n if (node) {\n // Call the tree state's action handler\n const onAction = (completeProps as any).onAction;\n if (onAction) {\n onAction(currentFocusedKey);\n }\n // Also call the item's individual onAction if it exists\n if (node.props?.onAction) {\n node.props.onAction(currentFocusedKey);\n }\n }\n }\n\n // Close the menu if we're in a trigger context and closeOnSelect is enabled (default behavior)\n const { onClose, closeOnSelect } = contextProps;\n if (onClose && closeOnSelect !== false) {\n onClose();\n }\n }\n } else if (e.key === 'Escape') {\n if (searchValue) {\n e.preventDefault();\n handleSearchChange('');\n }\n }\n }}\n />\n\n {/ Loading State /}\n {isLoading && (\n <StyledLoadingWrapper>\n <LoadingIcon\n role=\"progressbar\"\n aria-label=\"Loading commands\"\n aria-hidden={false}\n />\n </StyledLoadingWrapper>\n )}\n\n {/ Menu Content - always render unless loading /}\n {!isLoading && !showEmptyState && (\n <StyledMenu\n {...menuProps}\n ref={menuRef}\n id={`${qa \|\| 'CommandMenu'}-menu`}\n aria-label=\"Command menu\"\n qa=\"Menu\"\n data-size={size}\n mods={mods}\n styles={{\n border: 'none',\n boxShadow: 'none',\n radius: 0,\n padding: '0.5x',\n }}\n >\n {renderedItems}\n </StyledMenu>\n )}\n\n {/ Empty State - show when search term exists but no results /}\n {!isLoading && showEmptyState && (\n <StyledEmptyState>{emptyLabel}</StyledEmptyState>\n )}\n\n {/ Footer */}\n {footer && (\n <StyledFooter\n role=\"presentation\"\n data-size={size}\n styles={footerStyles}\n >\n {footer}\n </StyledFooter>\n )}\n </StyledCommandMenu>\n );\n}\n\n// forwardRef doesn't support generic parameters, so cast the result to the correct type\nconst _CommandMenu = React.forwardRef(CommandMenu) as <T>(\n props: CubeCommandMenuProps<T> & React.RefAttributes<HTMLDivElement>,\n) => ReactElement;\n\n// Attach Trigger alias from MenuTrigger for consistent API\n// Also attach Item and Section for compound component pattern\nconst __CommandMenu = Object.assign(_CommandMenu, {\n Trigger: MenuTrigger,\n Item,\n Section,\n displayName: 'CommandMenu',\n});\n\nexport { __CommandMenu as CommandMenu };\n"],"mappings":"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"}
1	+ {"version":3,"file":"CommandMenu.js","names":["useObjectRef","useSyncRef","FocusStrategy","BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","Styles","React","Key","ReactElement","ReactNode","Ref","useCallback","useMemo","useRef","useState","useFilter","useMenu","Section","useTreeState","useI18n","LoadingIcon","mergeProps","extractStyles","CollectionItem","Item","useMenuContext","CubeMenuProps","MenuItem","MenuSection","MenuTrigger","StyledDivider","StyledFooter","StyledHeader","StyledMenu","StyledCommandMenu","StyledEmptyState","StyledLoadingWrapper","StyledSearchInput","CommandMenuItem","id","textValue","keywords","forceMount","key","CubeCommandMenuProps","Omit","T","searchPlaceholder","searchValue","onSearchChange","value","filter","inputValue","emptyLabel","searchInputStyles","headerStyles","footerStyles","isLoading","shouldFilter","autoFocus","size","selectedKeys","defaultSelectedKeys","onSelectionChange","keys","CommandMenu","props","ref","HTMLDivElement","t","controlledSearchValue","customFilter","qa","styles","header","footer","restMenuProps","domRef","searchInputRef","HTMLInputElement","contextProps","ariaSelectedKeys","Set","undefined","ariaDefaultSelectedKeys","handleSelectionChange","allKeys","Array","from","treeState","collection","getKeys","map","String","completeProps","internalSearchValue","setInternalSearchValue","handleSearchChange","contains","sensitivity","textFilterFn","enhancedFilter","item","searchWords","trim","toLowerCase","split","word","length","searchableTexts","push","isArray","keyword","every","searchWord","some","text","includes","collectionFilter","nodes","Iterable","term","filterNodes","iter","result","node","type","filteredChildren","childNodes","rendered","treeStateProps","shouldUseVirtualFocus","collectionItems","hasSections","focusedKey","setFocusedKey","focusedKeyRef","filteredCollectionItems","items","forEach","hasFilteredItems","viewHasSections","findFirstSelectableItem","selectionManager","visit","childResult","isDisabled","menuRef","HTMLUListElement","menuProps","renderedItems","isFirstSection","sectionStyles","itemStyles","sectionHeadingStyles","menuItem","onAction","wrapper","cloneElement","useEffect","current","timeoutId","setTimeout","focus","clearTimeout","prevSearchValueRef","currentSearchValue","prevSearchValue","firstSelectableKey","extractedStyles","hasSearchTerm","showEmptyState","mods","popoverMod","popover","trayMod","tray","sections","Record","border","e","target","preventDefault","isArrowDown","currentKey","getVisibleItemKeys","findNextSelectableKey","currentIndex","direction","visibleKeys","increment","i","findFirstLastSelectableKey","keysToCheck","reverse","nextKey","indexOf","currentFocusedKey","selectionMode","select","getItem","onClose","closeOnSelect","boxShadow","radius","padding","_CommandMenu","forwardRef","RefAttributes","__CommandMenu","Object","assign","Trigger","displayName"],"sources":["../../../../src/components/actions/CommandMenu/CommandMenu.tsx"],"sourcesContent":["import { useObjectRef, useSyncRef } from '@react-aria/utils';\nimport { FocusStrategy } from '@react-types/shared';\nimport {\n BaseProps,\n CONTAINER_STYLES,\n ContainerStyleProps,\n filterBaseProps,\n Styles,\n} from '@tenphi/tasty';\nimport React, {\n Key,\n ReactElement,\n ReactNode,\n Ref,\n useCallback,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { useFilter, useMenu } from 'react-aria';\nimport { Section, useTreeState } from 'react-stately';\n\nimport { useI18n } from '../../../i18n';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\n// `CollectionItem` (not react-stately's bare `Item`) is what CommandMenu\n// actually renders through `MenuItem`, so it carries the `Item` props.\nimport { CollectionItem as Item } from '../../CollectionItem';\nimport { useMenuContext } from '../Menu';\nimport { CubeMenuProps } from '../Menu/Menu';\nimport { MenuItem } from '../Menu/MenuItem';\nimport { MenuSection } from '../Menu/MenuSection';\nimport { MenuTrigger } from '../Menu/MenuTrigger';\nimport {\n StyledDivider,\n StyledFooter,\n StyledHeader,\n StyledMenu,\n} from '../Menu/styled';\n\nimport {\n StyledCommandMenu,\n StyledEmptyState,\n StyledLoadingWrapper,\n StyledSearchInput,\n} from './styled';\n\nexport interface CommandMenuItem {\n // Standard item props\n id: string;\n textValue: string;\n\n // Enhanced search features\n keywords?: string[];\n forceMount?: boolean;\n\n // Standard Menu item props inherited\n [key: string]: any;\n}\n\nexport interface CubeCommandMenuProps<T>\n extends BaseProps,\n ContainerStyleProps,\n Omit<\n CubeMenuProps<T>,\n 'selectedKeys' \| 'defaultSelectedKeys' \| 'onSelectionChange'\n > {\n // Search-specific props\n searchPlaceholder?: string;\n searchValue?: string;\n onSearchChange?: (value: string) => void;\n filter?: (textValue: string, inputValue: string) => boolean;\n emptyLabel?: ReactNode;\n searchInputStyles?: Styles;\n headerStyles?: Styles;\n footerStyles?: Styles;\n\n // Advanced search features\n isLoading?: boolean;\n shouldFilter?: boolean;\n\n // Focus management - override the autoFocus from CubeMenuProps to allow boolean \| FocusStrategy\n autoFocus?: boolean \| FocusStrategy;\n\n // Size prop\n size?: 'medium' \| 'large' \| (string & {});\n\n /** Currently selected keys (controlled) /\n selectedKeys?: string[];\n /* Initially selected keys (uncontrolled) /\n defaultSelectedKeys?: string[];\n /* Handler for selection changes /\n onSelectionChange?: (keys: string[]) => void;\n}\n\nfunction CommandMenu<T extends object>(\n props: CubeCommandMenuProps<T>,\n ref: Ref<HTMLDivElement>,\n) {\n const { t } = useI18n();\n\n const {\n searchPlaceholder = t(\n 'commandMenu.searchPlaceholder',\n 'Search commands...',\n ),\n searchValue: controlledSearchValue,\n onSearchChange,\n filter: customFilter,\n emptyLabel = t('commandMenu.empty', 'No commands found'),\n searchInputStyles,\n headerStyles,\n footerStyles,\n isLoading = false,\n shouldFilter = true,\n autoFocus = true,\n size = 'medium',\n qa,\n styles,\n selectedKeys,\n defaultSelectedKeys,\n onSelectionChange,\n header,\n footer,\n ...restMenuProps\n } = props;\n\n const domRef = useObjectRef(ref);\n const searchInputRef = useRef<HTMLInputElement>(null);\n const contextProps = useMenuContext();\n\n // Convert string[] to Set<Key> for React Aria compatibility\n const ariaSelectedKeys = selectedKeys ? new Set(selectedKeys) : undefined;\n const ariaDefaultSelectedKeys = defaultSelectedKeys\n ? new Set(defaultSelectedKeys)\n : undefined;\n\n const handleSelectionChange = onSelectionChange\n ? (keys: 'all' \| Set<Key>) => {\n if (keys === 'all') {\n // Handle 'all' selection case - collect all available keys\n const allKeys = Array.from(treeState.collection.getKeys()).map(\n (key: any) => String(key),\n );\n onSelectionChange(allKeys);\n } else if (keys instanceof Set) {\n onSelectionChange(Array.from(keys).map((key) => String(key)));\n } else {\n onSelectionChange([]);\n }\n }\n : undefined;\n\n const completeProps = mergeProps(contextProps, restMenuProps, {\n selectedKeys: ariaSelectedKeys,\n defaultSelectedKeys: ariaDefaultSelectedKeys,\n onSelectionChange: handleSelectionChange,\n });\n\n // Search state management\n const [internalSearchValue, setInternalSearchValue] = useState('');\n const searchValue = controlledSearchValue ?? internalSearchValue;\n\n const handleSearchChange = useCallback(\n (value: string) => {\n if (controlledSearchValue === undefined) {\n setInternalSearchValue(value);\n }\n onSearchChange?.(value);\n },\n [controlledSearchValue, onSearchChange],\n );\n\n // Filter setup\n const { contains } = useFilter({ sensitivity: 'base' });\n const textFilterFn = useMemo(\n () => customFilter \|\| contains,\n [customFilter, contains],\n );\n\n // Enhanced filter function that supports keywords and forceMount\n const enhancedFilter = useCallback(\n (textValue: string, inputValue: string, item?: any) => {\n // Always show force-mounted items\n if (item?.forceMount) {\n return true;\n }\n\n // If shouldFilter is false, show all items\n if (!shouldFilter) {\n return true;\n }\n\n // Split input value into individual words and filter out empty strings\n const searchWords = inputValue\n .trim()\n .toLowerCase()\n .split(/\\s+/)\n .filter((word) => word.length > 0);\n\n // If no search words, show all items\n if (searchWords.length === 0) {\n return true;\n }\n\n // Collect all searchable text for this item\n const searchableTexts: string[] = [];\n\n // Add main text value\n searchableTexts.push(textValue.toLowerCase());\n\n // Add keywords if available\n if (item?.keywords && Array.isArray(item.keywords)) {\n searchableTexts.push(\n ...item.keywords.map((keyword: string) => keyword.toLowerCase()),\n );\n }\n\n // Check if ALL search words match at least one of the searchable texts\n return searchWords.every((searchWord) =>\n searchableTexts.some((text) => text.includes(searchWord)),\n );\n },\n [shouldFilter],\n );\n\n // Collection filter for React Stately\n const collectionFilter = useCallback(\n (nodes: Iterable<any>): Iterable<any> => {\n const term = searchValue.trim();\n\n // If no search term, return all nodes\n if (!term) {\n return nodes;\n }\n\n // Split search term into words for multi-word filtering\n const searchWords = term\n .toLowerCase()\n .split(/\\s+/)\n .filter((word) => word.length > 0);\n\n // If no valid search words, return all nodes\n if (searchWords.length === 0) {\n return nodes;\n }\n\n // Recursive helper to filter sections and items\n const filterNodes = (iter: Iterable<any>): any[] => {\n const result: any[] = [];\n\n for (const node of iter) {\n if (node.type === 'section') {\n const filteredChildren = filterNodes(node.childNodes);\n\n if (filteredChildren.length) {\n result.push({\n ...node,\n childNodes: filteredChildren,\n });\n }\n } else {\n const text = node.textValue ?? String(node.rendered ?? '');\n\n if (enhancedFilter(text, term, node.props)) {\n result.push(node);\n }\n }\n }\n\n return result;\n };\n\n return filterNodes(nodes);\n },\n [searchValue, enhancedFilter],\n );\n\n // Create tree state with filter for both keyboard navigation and rendering\n const treeStateProps = {\n ...completeProps,\n filter: collectionFilter,\n shouldUseVirtualFocus: true, // Always use virtual focus for CommandMenu\n };\n\n const treeState = useTreeState(treeStateProps);\n\n const collectionItems = [...treeState.collection];\n const hasSections = collectionItems.some((item) => item.type === 'section');\n\n // Track focused key for aria-activedescendant\n const [focusedKey, setFocusedKey] = React.useState<React.Key \| null>(null);\n const focusedKeyRef = useRef<React.Key \| null>(null);\n\n // Apply filtering to collection items for rendering and empty state checks\n const filteredCollectionItems = useMemo(() => {\n const term = searchValue.trim();\n if (!term) {\n return collectionItems;\n }\n\n // Split search term into words for multi-word filtering\n const searchWords = term\n .toLowerCase()\n .split(/\\s+/)\n .filter((word) => word.length > 0);\n\n // If no valid search words, return all items\n if (searchWords.length === 0) {\n return collectionItems;\n }\n\n const filterNodes = (items: any[]): any[] => {\n const result: any[] = [];\n\n [...items].forEach((item) => {\n if (item.type === 'section') {\n const filteredChildren = filterNodes(item.childNodes);\n if (filteredChildren.length) {\n result.push({\n ...item,\n childNodes: filteredChildren,\n });\n }\n } else {\n const text = item.textValue ?? String(item.rendered ?? '');\n if (enhancedFilter(text, term, item.props)) {\n result.push(item);\n }\n }\n });\n\n return result;\n };\n\n return filterNodes(collectionItems);\n }, [collectionItems, searchValue, enhancedFilter]);\n\n const hasFilteredItems = filteredCollectionItems.length > 0;\n const viewHasSections = filteredCollectionItems.some(\n (item) => item.type === 'section',\n );\n\n // Helper function to find the first selectable item from filtered results\n const findFirstSelectableItem = useCallback(() => {\n const { selectionManager } = treeState;\n\n const visit = (items: any[]): Key \| null => {\n for (const node of items) {\n if (node?.type === 'section') {\n const childResult = visit(Array.from(node.childNodes ?? []));\n if (childResult != null) return childResult;\n } else if (\n node?.type === 'item' &&\n !selectionManager.isDisabled(node.key)\n ) {\n return node.key;\n }\n }\n return null;\n };\n\n return visit(filteredCollectionItems);\n }, [filteredCollectionItems, treeState.selectionManager]);\n\n // Create a ref for the menu container\n const menuRef = useRef<HTMLUListElement>(null);\n\n // Use menu hook for accessibility\n const { menuProps } = useMenu(\n {\n ...completeProps,\n 'aria-label': 'Command palette menu',\n filter: collectionFilter,\n shouldUseVirtualFocus: true,\n },\n treeState,\n menuRef,\n );\n\n // Manual rendering of menu items (similar to Menu component)\n const renderedItems = useMemo(() => {\n const items: React.ReactNode[] = [];\n let isFirstSection = true;\n\n filteredCollectionItems.forEach((item) => {\n if (item.type === 'section') {\n if (!isFirstSection) {\n items.push(\n <StyledDivider\n key={`divider-${String(item.key)}`}\n role=\"separator\"\n aria-orientation=\"horizontal\"\n />,\n );\n }\n\n items.push(\n <MenuSection\n key={item.key}\n item={item}\n state={treeState}\n styles={completeProps.sectionStyles}\n itemStyles={completeProps.itemStyles}\n headingStyles={completeProps.sectionHeadingStyles}\n size={size}\n />,\n );\n\n isFirstSection = false;\n return;\n }\n\n let menuItem = (\n <MenuItem\n key={item.key}\n item={item}\n state={treeState}\n styles={completeProps.itemStyles}\n size={size}\n onAction={item.onAction}\n />\n );\n\n // Apply custom wrapper if provided\n if (item.props.wrapper) {\n menuItem = item.props.wrapper(menuItem);\n }\n\n // Ensure every child has a stable key, even if the wrapper component didn't set one.\n items.push(React.cloneElement(menuItem, { key: item.key }));\n });\n\n return items;\n }, [\n filteredCollectionItems,\n treeState,\n completeProps.sectionStyles,\n completeProps.itemStyles,\n\n completeProps.sectionHeadingStyles,\n ]);\n\n // Auto-focus search input\n React.useEffect(() => {\n if (autoFocus && searchInputRef.current) {\n // Use a small timeout to ensure the element is visible and focusable\n // This is especially important when the CommandMenu is opened in a popover\n const timeoutId = setTimeout(() => {\n if (searchInputRef.current) {\n searchInputRef.current.focus();\n }\n }, 0);\n\n return () => clearTimeout(timeoutId);\n }\n }, [autoFocus]);\n\n // Also focus when the component becomes visible (for trigger/popover usage)\n React.useEffect(() => {\n // Check if autoFocus is enabled and we're in a trigger context\n if (autoFocus && contextProps.autoFocus && searchInputRef.current) {\n // Use a small timeout to ensure the popover is fully rendered\n const timeoutId = setTimeout(() => {\n if (searchInputRef.current) {\n searchInputRef.current.focus();\n }\n }, 50); // Slightly longer timeout for popover context\n\n return () => clearTimeout(timeoutId);\n }\n }, [autoFocus, contextProps.autoFocus]);\n\n // Track the previous search value to only run auto-focus when search actually changes\n const prevSearchValueRef = useRef<string>('');\n\n // Auto-focus first item when search value changes (but not on initial render)\n React.useEffect(() => {\n const currentSearchValue = searchValue.trim();\n const prevSearchValue = prevSearchValueRef.current;\n\n // Only auto-focus when search value actually changes\n if (currentSearchValue !== prevSearchValue && currentSearchValue !== '') {\n const firstSelectableKey = findFirstSelectableItem();\n\n if (firstSelectableKey && hasFilteredItems) {\n // Focus the first item in the selection manager\n treeState.selectionManager.setFocusedKey(firstSelectableKey);\n setFocusedKey(firstSelectableKey);\n focusedKeyRef.current = firstSelectableKey;\n } else {\n // Clear focus if no items are available\n treeState.selectionManager.setFocusedKey(null);\n setFocusedKey(null);\n focusedKeyRef.current = null;\n }\n }\n\n // Update the previous search value\n prevSearchValueRef.current = currentSearchValue;\n }, [searchValue, findFirstSelectableItem, hasFilteredItems]);\n\n // Extract styles\n const extractedStyles = useMemo(\n () => extractStyles(props, CONTAINER_STYLES),\n [props],\n );\n\n // Determine if we should show empty state based on actual filtered collection\n const hasSearchTerm = searchValue.trim().length > 0;\n const showEmptyState = hasSearchTerm && !hasFilteredItems && !isLoading;\n\n // Sync refs\n useSyncRef(contextProps, menuRef);\n\n const mods = useMemo(() => {\n // Determine mods based on menu context\n let popoverMod = completeProps.mods?.popover;\n let trayMod = completeProps.mods?.tray;\n\n return {\n sections: viewHasSections,\n footer: !!footer,\n header: !!header,\n popover: popoverMod,\n tray: trayMod,\n };\n }, [viewHasSections, footer, header, completeProps.mods]);\n\n return (\n <StyledCommandMenu\n {...(filterBaseProps(props) as Record<string, unknown>)}\n ref={domRef}\n qa={qa \|\| 'CommandMenu'}\n data-size={size}\n mods={mods}\n styles={mergeProps(extractedStyles, styles)}\n >\n {/ Header /}\n {header && (\n <StyledHeader\n role=\"presentation\"\n data-size={size}\n styles={{ border: 'none', ...headerStyles }}\n >\n {header}\n </StyledHeader>\n )}\n\n {/ Search Input /}\n <StyledSearchInput\n ref={searchInputRef}\n type=\"search\"\n placeholder={searchPlaceholder}\n value={searchValue}\n styles={searchInputStyles}\n data-size={size}\n aria-controls={`${qa \|\| 'CommandMenu'}-menu`}\n role=\"combobox\"\n aria-expanded=\"true\"\n aria-haspopup=\"listbox\"\n aria-activedescendant={\n focusedKey != null\n ? `${qa \|\| 'CommandMenu'}-menu-option-${focusedKey}`\n : undefined\n }\n onChange={(e) => handleSearchChange(e.target.value)}\n onKeyDown={(e) => {\n if (e.key === 'ArrowDown' \|\| e.key === 'ArrowUp') {\n e.preventDefault();\n\n const isArrowDown = e.key === 'ArrowDown';\n const { selectionManager } = treeState;\n // Use the ref to get the current focused key synchronously\n const currentKey =\n focusedKeyRef.current \|\| selectionManager.focusedKey;\n\n // Helper function to get all visible item keys accounting for sections\n const getVisibleItemKeys = (): Key[] => {\n const keys: Key[] = [];\n\n const visit = (items: any[]) => {\n for (const node of items) {\n if (node?.type === 'section') {\n visit(Array.from(node.childNodes ?? []));\n } else if (node?.type === 'item') {\n keys.push(node.key);\n }\n }\n };\n\n visit(filteredCollectionItems);\n return keys;\n };\n\n // Helper function to find next selectable key in a direction\n const findNextSelectableKey = (\n currentIndex: number,\n direction: 'forward' \| 'backward',\n visibleKeys: Key[],\n ) => {\n const increment = direction === 'forward' ? 1 : -1;\n\n for (\n let i = currentIndex + increment;\n i >= 0 && i < visibleKeys.length;\n i += increment\n ) {\n const key = visibleKeys[i];\n if (!selectionManager.isDisabled(key)) {\n return key;\n }\n }\n\n return null;\n };\n\n // Helper function to find first or last selectable key\n const findFirstLastSelectableKey = (\n direction: 'forward' \| 'backward',\n visibleKeys: Key[],\n ) => {\n const keysToCheck =\n direction === 'forward'\n ? visibleKeys\n : [...visibleKeys].reverse();\n\n for (const key of keysToCheck) {\n if (!selectionManager.isDisabled(key)) {\n return key;\n }\n }\n\n return null;\n };\n\n const visibleKeys = getVisibleItemKeys();\n\n if (visibleKeys.length === 0) {\n return; // No visible items to navigate\n }\n\n let nextKey;\n const direction = isArrowDown ? 'forward' : 'backward';\n\n if (currentKey == null) {\n // No current focus, start from the first/last item\n nextKey = findFirstLastSelectableKey(direction, visibleKeys);\n } else {\n // Find current position in visible keys\n const currentIndex = visibleKeys.indexOf(currentKey);\n\n if (currentIndex === -1) {\n // Current key not in visible items, start from beginning/end\n nextKey = findFirstLastSelectableKey(direction, visibleKeys);\n } else {\n // Find next selectable item from current position\n nextKey = findNextSelectableKey(\n currentIndex,\n direction,\n visibleKeys,\n );\n\n // If no next key found, wrap to first/last selectable item\n if (nextKey == null) {\n nextKey = findFirstLastSelectableKey(direction, visibleKeys);\n }\n }\n }\n\n if (nextKey != null) {\n selectionManager.setFocusedKey(nextKey);\n setFocusedKey(nextKey);\n focusedKeyRef.current = nextKey; // Update ref immediately\n }\n } else if (\n e.key === 'Enter' \|\|\n (e.key === ' ' && !searchValue.trim())\n ) {\n const currentFocusedKey =\n focusedKey \|\| treeState.selectionManager.focusedKey;\n if (currentFocusedKey != null) {\n e.preventDefault();\n\n // Trigger action for the focused item (like Menu does)\n // First check if there's a selection mode, if so, handle selection\n if (treeState.selectionManager.selectionMode !== 'none') {\n treeState.selectionManager.select(currentFocusedKey, e);\n } else {\n // Default behavior: trigger action\n const node = treeState.collection.getItem(currentFocusedKey);\n if (node) {\n // Call the tree state's action handler\n const onAction = (completeProps as any).onAction;\n if (onAction) {\n onAction(currentFocusedKey);\n }\n // Also call the item's individual onAction if it exists\n if (node.props?.onAction) {\n node.props.onAction(currentFocusedKey);\n }\n }\n }\n\n // Close the menu if we're in a trigger context and closeOnSelect is enabled (default behavior)\n const { onClose, closeOnSelect } = contextProps;\n if (onClose && closeOnSelect !== false) {\n onClose();\n }\n }\n } else if (e.key === 'Escape') {\n if (searchValue) {\n e.preventDefault();\n handleSearchChange('');\n }\n }\n }}\n />\n\n {/ Loading State /}\n {isLoading && (\n <StyledLoadingWrapper>\n <LoadingIcon\n role=\"progressbar\"\n aria-label=\"Loading commands\"\n aria-hidden={false}\n />\n </StyledLoadingWrapper>\n )}\n\n {/ Menu Content - always render unless loading /}\n {!isLoading && !showEmptyState && (\n <StyledMenu\n {...menuProps}\n ref={menuRef}\n id={`${qa \|\| 'CommandMenu'}-menu`}\n aria-label=\"Command menu\"\n qa=\"Menu\"\n data-size={size}\n mods={mods}\n styles={{\n border: 'none',\n boxShadow: 'none',\n radius: 0,\n padding: '0.5x',\n }}\n >\n {renderedItems}\n </StyledMenu>\n )}\n\n {/ Empty State - show when search term exists but no results /}\n {!isLoading && showEmptyState && (\n <StyledEmptyState>{emptyLabel}</StyledEmptyState>\n )}\n\n {/ Footer */}\n {footer && (\n <StyledFooter\n role=\"presentation\"\n data-size={size}\n styles={footerStyles}\n >\n {footer}\n </StyledFooter>\n )}\n </StyledCommandMenu>\n );\n}\n\n// forwardRef doesn't support generic parameters, so cast the result to the correct type\nconst _CommandMenu = React.forwardRef(CommandMenu) as <T>(\n props: CubeCommandMenuProps<T> & React.RefAttributes<HTMLDivElement>,\n) => ReactElement;\n\n// Attach Trigger alias from MenuTrigger for consistent API\n// Also attach Item and Section for compound component pattern\nconst __CommandMenu = Object.assign(_CommandMenu, {\n Trigger: MenuTrigger,\n Item,\n Section,\n displayName: 'CommandMenu',\n});\n\nexport { __CommandMenu as CommandMenu };\n"],"mappings":"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"}

package/dist/components/actions/CommandMenu/styled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.184.0 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 //#region src/components/actions/CommandMenu/styled.tsx

package/dist/components/actions/CommandMenu/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","names":[],"sources":["../../../../src/components/actions/CommandMenu/styled.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\n\nexport const StyledCommandMenu = tasty({\n qa: 'CommandMenu',\n styles: {\n display: 'grid',\n flow: 'row',\n gridColumns: 'minmax(0, 1fr)',\n gridRows: {\n '': 'max-content minmax(0, 1fr)',\n header: 'max-content max-content minmax(0, 1fr)',\n footer: 'max-content minmax(0, 1fr) max-content max-content',\n 'header & footer':\n 'max-content max-content minmax(0, 1fr) max-content max-content',\n },\n placeContent: 'stretch',\n placeItems: 'stretch',\n fill: '#surface',\n border: '#border',\n radius: '(1cr + 1bw)',\n shadow: {\n '': false,\n // Same as Menu (`src/components/actions/Menu/styled.tsx`) — use the\n // `$shadow` token instead of a literal `#dark.05` shadow so the\n // popover shadow stays a true dark shadow in dark mode.\n 'popover \| tray': '$shadow',\n },\n overflow: 'hidden',\n height: {\n '': 'initial',\n popover: 'initial max-content (50vh - $size-md)',\n tray: 'initial max-content (100vh - $size-md)',\n },\n },\n});\n\nexport const StyledSearchInput = tasty({\n qa: 'SearchInput',\n as: 'input',\n styles: {\n recipe: 'reset input / input-autofill',\n display: 'grid',\n width: '100%',\n color: '#dark',\n border: '#border bottom',\n transition: 'theme',\n radius: 0,\n textAlign: 'left',\n preset: 't3',\n userSelect: 'auto',\n height: '($size + 1x)',\n padding: {\n '': '.5x 1.5x',\n prefix: '0 1.5x 0 .5x',\n },\n\n $size: {\n '': '$size-md',\n 'size=small': '$size-sm',\n 'size=medium': '$size-md',\n 'size=large': '$size-lg',\n },\n\n Placeholder: {\n $: '&::placeholder',\n recipe: 'input-placeholder',\n },\n '&::-webkit-search-cancel-button': {\n recipe: 'input-search-cancel-button',\n },\n },\n});\n\nexport const StyledLoadingWrapper = tasty({\n qa: 'LoadingWrapper',\n styles: {\n display: 'flex',\n padding: '2x',\n placeContent: 'center',\n placeItems: 'center',\n color: '#dark-03',\n },\n});\n\nexport const StyledEmptyState = tasty({\n qa: 'EmptyState',\n styles: {\n display: 'flex',\n padding: '2x',\n placeContent: 'center',\n placeItems: 'center',\n color: '#dark-03',\n preset: 't3',\n },\n});\n\nexport const StyledMenuWrapper = tasty({\n qa: 'MenuWrapper',\n styles: {\n display: 'grid',\n flow: 'row',\n gridColumns: 'minmax(0, 1fr)',\n placeContent: 'stretch',\n placeItems: 'stretch',\n width: '100%',\n overflow: 'auto',\n scrollbar: 'styled',\n },\n});\n"],"mappings":";;;;AAEA,~~MAAa~~,~~oBAAoB~~,MAAM;~~CACrC~~,IAAI;~~CACJ~~,QAAQ;~~EACN~~,SAAS;~~EACT~~,MAAM;~~EACN~~,aAAa;~~EACb~~,UAAU;GACR,IAAI;~~GACJ~~,QAAQ;~~GACR~~,QAAQ;GACR,mBACE;GACH;~~EACD~~,cAAc;~~EACd~~,YAAY;~~EACZ~~,MAAM;~~EACN~~,QAAQ;~~EACR~~,QAAQ;~~EACR~~,QAAQ;GACN,IAAI;GAIJ,kBAAkB;GACnB;~~EACD~~,UAAU;~~EACV~~,QAAQ;GACN,IAAI;~~GACJ~~,SAAS;~~GACT~~,MAAM;~~GACP~~;EACF;~~CACF~~,CAAC;AAEF,~~MAAa~~,~~oBAAoB~~,MAAM;~~CACrC~~,IAAI;~~CACJ~~,IAAI;~~CACJ~~,QAAQ;~~EACN~~,QAAQ;~~EACR~~,SAAS;~~EACT~~,OAAO;~~EACP~~,OAAO;~~EACP~~,QAAQ;~~EACR~~,YAAY;~~EACZ~~,QAAQ;~~EACR~~,WAAW;~~EACX~~,QAAQ;~~EACR~~,YAAY;~~EACZ~~,QAAQ;~~EACR~~,SAAS;GACP,IAAI;~~GACJ~~,QAAQ;GACT;~~EAED~~,OAAO;GACL,IAAI;GACJ,cAAc;GACd,eAAe;GACf,cAAc;GACf;~~EAED~~,aAAa;~~GACX~~,GAAG;~~GACH~~,QAAQ;GACT;EACD,mCAAmC,~~EACjC~~,QAAQ,~~8BACT~~;EACF;~~CACF~~,CAAC;AAEF,~~MAAa~~,~~uBAAuB~~,MAAM;~~CACxC~~,IAAI;~~CACJ~~,QAAQ;~~EACN~~,SAAS;~~EACT~~,SAAS;~~EACT~~,cAAc;~~EACd~~,YAAY;~~EACZ~~,OAAO;~~EACR~~;~~CACF~~,CAAC;AAEF,~~MAAa~~,~~mBAAmB~~,MAAM;~~CACpC~~,IAAI;~~CACJ~~,QAAQ;~~EACN~~,SAAS;~~EACT~~,SAAS;~~EACT~~,cAAc;~~EACd~~,YAAY;~~EACZ~~,OAAO;~~EACP~~,QAAQ;~~EACT~~;~~CACF~~,CAAC;AAEF,~~MAAa~~,~~oBAAoB~~,MAAM;~~CACrC~~,IAAI;~~CACJ~~,QAAQ;~~EACN~~,SAAS;~~EACT~~,MAAM;~~EACN~~,aAAa;~~EACb~~,cAAc;~~EACd~~,YAAY;~~EACZ~~,OAAO;~~EACP~~,UAAU;~~EACV~~,WAAW;~~EACZ~~;~~CACF~~,CAAC"}
1	+ {"version":3,"file":"styled.js","names":["tasty","StyledCommandMenu","qa","styles","display","flow","gridColumns","gridRows","header","footer","placeContent","placeItems","fill","border","radius","shadow","overflow","height","popover","tray","StyledSearchInput","as","recipe","width","color","transition","textAlign","preset","userSelect","padding","prefix","$size","Placeholder","$","StyledLoadingWrapper","StyledEmptyState","StyledMenuWrapper","scrollbar"],"sources":["../../../../src/components/actions/CommandMenu/styled.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\n\nexport const StyledCommandMenu = tasty({\n qa: 'CommandMenu',\n styles: {\n display: 'grid',\n flow: 'row',\n gridColumns: 'minmax(0, 1fr)',\n gridRows: {\n '': 'max-content minmax(0, 1fr)',\n header: 'max-content max-content minmax(0, 1fr)',\n footer: 'max-content minmax(0, 1fr) max-content max-content',\n 'header & footer':\n 'max-content max-content minmax(0, 1fr) max-content max-content',\n },\n placeContent: 'stretch',\n placeItems: 'stretch',\n fill: '#surface',\n border: '#border',\n radius: '(1cr + 1bw)',\n shadow: {\n '': false,\n // Same as Menu (`src/components/actions/Menu/styled.tsx`) — use the\n // `$shadow` token instead of a literal `#dark.05` shadow so the\n // popover shadow stays a true dark shadow in dark mode.\n 'popover \| tray': '$shadow',\n },\n overflow: 'hidden',\n height: {\n '': 'initial',\n popover: 'initial max-content (50vh - $size-md)',\n tray: 'initial max-content (100vh - $size-md)',\n },\n },\n});\n\nexport const StyledSearchInput = tasty({\n qa: 'SearchInput',\n as: 'input',\n styles: {\n recipe: 'reset input / input-autofill',\n display: 'grid',\n width: '100%',\n color: '#dark',\n border: '#border bottom',\n transition: 'theme',\n radius: 0,\n textAlign: 'left',\n preset: 't3',\n userSelect: 'auto',\n height: '($size + 1x)',\n padding: {\n '': '.5x 1.5x',\n prefix: '0 1.5x 0 .5x',\n },\n\n $size: {\n '': '$size-md',\n 'size=small': '$size-sm',\n 'size=medium': '$size-md',\n 'size=large': '$size-lg',\n },\n\n Placeholder: {\n $: '&::placeholder',\n recipe: 'input-placeholder',\n },\n '&::-webkit-search-cancel-button': {\n recipe: 'input-search-cancel-button',\n },\n },\n});\n\nexport const StyledLoadingWrapper = tasty({\n qa: 'LoadingWrapper',\n styles: {\n display: 'flex',\n padding: '2x',\n placeContent: 'center',\n placeItems: 'center',\n color: '#dark-03',\n },\n});\n\nexport const StyledEmptyState = tasty({\n qa: 'EmptyState',\n styles: {\n display: 'flex',\n padding: '2x',\n placeContent: 'center',\n placeItems: 'center',\n color: '#dark-03',\n preset: 't3',\n },\n});\n\nexport const StyledMenuWrapper = tasty({\n qa: 'MenuWrapper',\n styles: {\n display: 'grid',\n flow: 'row',\n gridColumns: 'minmax(0, 1fr)',\n placeContent: 'stretch',\n placeItems: 'stretch',\n width: '100%',\n overflow: 'auto',\n scrollbar: 'styled',\n },\n});\n"],"mappings":";;;;AAEA,MAAaC,oBAAoBD,MAAM;CACrCE,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,MAAM;EACNC,aAAa;EACbC,UAAU;GACR,IAAI;GACJC,QAAQ;GACRC,QAAQ;GACR,mBACE;GACH;EACDC,cAAc;EACdC,YAAY;EACZC,MAAM;EACNC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;GACN,IAAI;GAIJ,kBAAkB;GACnB;EACDC,UAAU;EACVC,QAAQ;GACN,IAAI;GACJC,SAAS;GACTC,MAAM;GACR;EACF;CACD,CAAC;AAEF,MAAaC,oBAAoBpB,MAAM;CACrCE,IAAI;CACJmB,IAAI;CACJlB,QAAQ;EACNmB,QAAQ;EACRlB,SAAS;EACTmB,OAAO;EACPC,OAAO;EACPX,QAAQ;EACRY,YAAY;EACZX,QAAQ;EACRY,WAAW;EACXC,QAAQ;EACRC,YAAY;EACZX,QAAQ;EACRY,SAAS;GACP,IAAI;GACJC,QAAQ;GACT;EAEDC,OAAO;GACL,IAAI;GACJ,cAAc;GACd,eAAe;GACf,cAAc;GACf;EAEDC,aAAa;GACXC,GAAG;GACHX,QAAQ;GACT;EACD,mCAAmC,EACjCA,QAAQ,8BACV;EACF;CACD,CAAC;AAEF,MAAaY,uBAAuBlC,MAAM;CACxCE,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTyB,SAAS;EACTnB,cAAc;EACdC,YAAY;EACZa,OAAO;EACT;CACD,CAAC;AAEF,MAAaW,mBAAmBnC,MAAM;CACpCE,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTyB,SAAS;EACTnB,cAAc;EACdC,YAAY;EACZa,OAAO;EACPG,QAAQ;EACV;CACD,CAAC;AAEF,MAAaS,oBAAoBpC,MAAM;CACrCE,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,MAAM;EACNC,aAAa;EACbI,cAAc;EACdC,YAAY;EACZY,OAAO;EACPP,UAAU;EACVqB,WAAW;EACb;CACD,CAAC"}