@cube-dev/ui-kit 0.190.7 → 0.190.8

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { LoadingIcon } from "../../../icons/LoadingIcon.js";
@@ -20,9 +20,9 @@ import { useObjectRef, useSyncRef } from "@react-aria/utils";
 
 //#region src/components/actions/CommandMenu/CommandMenu.tsx
 function CommandMenu(props, ref) {
-	const $ = c(81);
+	const $ = c(83);
 	const { t } = useI18n();
-	const { searchPlaceholder: t0, searchValue: controlledSearchValue, onSearchChange, filter: customFilter, emptyLabel: t1, searchInputStyles, headerStyles, footerStyles, isLoading: t2, shouldFilter: t3, autoFocus: t4, size: t5, qa, styles, selectedKeys, defaultSelectedKeys, onSelectionChange, header, footer, ...restMenuProps } = props;
+	const { searchPlaceholder: t0, searchValue: controlledSearchValue, onSearchChange, filter: customFilter, emptyLabel: t1, searchInputStyles, headerStyles, footerStyles, isLoading: t2, shouldFilter: t3, autoFocus: t4, size: t5, qa, styles, selectedKeys, defaultSelectedKeys, onSelectionChange, onAction, header, footer, ...restMenuProps } = props;
 	let t6;
 	if ($[0] !== t || $[1] !== t0) {
 		t6 = t0 === void 0 ? t("commandMenu.searchPlaceholder", "Search commands...") : t0;
@@ -46,37 +46,47 @@ function CommandMenu(props, ref) {
 	const domRef = useObjectRef(ref);
 	const searchInputRef = useRef(null);
 	const contextProps = useMenuContext();
+	const ariaSelectedKeys = selectedKeys ? new Set(selectedKeys) : void 0;
+	const ariaDefaultSelectedKeys = defaultSelectedKeys ? new Set(defaultSelectedKeys) : void 0;
+	const handleSelectionChange = onSelectionChange ? (keys) => {
+		if (keys === "all") onSelectionChange(Array.from(treeState.collection.getKeys()).map(_temp));
+		else if (keys instanceof Set) onSelectionChange(Array.from(keys).map(_temp2));
+		else onSelectionChange([]);
+	} : void 0;
+	let t8;
+	if ($[6] !== onAction) {
+		t8 = onAction ? (key_1) => onAction(key_1) : void 0;
+		$[6] = onAction;
+		$[7] = t8;
+	} else t8 = $[7];
 	const completeProps = mergeProps$1(contextProps, restMenuProps, {
-		selectedKeys: selectedKeys ? new Set(selectedKeys) : void 0,
-		defaultSelectedKeys: defaultSelectedKeys ? new Set(defaultSelectedKeys) : void 0,
-		onSelectionChange: onSelectionChange ? (keys) => {
-			if (keys === "all") onSelectionChange(Array.from(treeState.collection.getKeys()).map(_temp));
-			else if (keys instanceof Set) onSelectionChange(Array.from(keys).map(_temp2));
-			else onSelectionChange([]);
-		} : void 0
+		onAction: t8,
+		selectedKeys: ariaSelectedKeys,
+		defaultSelectedKeys: ariaDefaultSelectedKeys,
+		onSelectionChange: handleSelectionChange
 	});
 	const [internalSearchValue, setInternalSearchValue] = useState("");
 	const searchValue = controlledSearchValue ?? internalSearchValue;
-	let t8;
-	if ($[6] !== controlledSearchValue || $[7] !== onSearchChange) {
-		t8 = (value) => {
+	let t9;
+	if ($[8] !== controlledSearchValue || $[9] !== onSearchChange) {
+		t9 = (value) => {
 			if (controlledSearchValue === void 0) setInternalSearchValue(value);
 			onSearchChange?.(value);
 		};
-		$[6] = controlledSearchValue;
-		$[7] = onSearchChange;
-		$[8] = t8;
-	} else t8 = $[8];
-	const handleSearchChange = t8;
-	let t9;
-	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-		t9 = { sensitivity: "base" };
-		$[9] = t9;
-	} else t9 = $[9];
-	const { contains } = useFilter(t9);
+		$[8] = controlledSearchValue;
+		$[9] = onSearchChange;
+		$[10] = t9;
+	} else t9 = $[10];
+	const handleSearchChange = t9;
 	let t10;
-	if ($[10] !== shouldFilter) {
-		t10 = (textValue, inputValue, item) => {
+	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+		t10 = { sensitivity: "base" };
+		$[11] = t10;
+	} else t10 = $[11];
+	const { contains } = useFilter(t10);
+	let t11;
+	if ($[12] !== shouldFilter) {
+		t11 = (textValue, inputValue, item) => {
 			if (item?.forceMount) return true;
 			if (!shouldFilter) return true;
 			const searchWords = inputValue.trim().toLowerCase().split(/\s+/).filter(_temp3);
@@ -86,13 +96,13 @@ function CommandMenu(props, ref) {
 			if (item?.keywords && Array.isArray(item.keywords)) searchableTexts.push(...item.keywords.map(_temp4));
 			return searchWords.every((searchWord) => searchableTexts.some((text) => text.includes(searchWord)));
 		};
-		$[10] = shouldFilter;
-		$[11] = t10;
-	} else t10 = $[11];
-	const enhancedFilter = t10;
-	let t11;
-	if ($[12] !== enhancedFilter || $[13] !== searchValue) {
-		t11 = (nodes) => {
+		$[12] = shouldFilter;
+		$[13] = t11;
+	} else t11 = $[13];
+	const enhancedFilter = t11;
+	let t12;
+	if ($[14] !== enhancedFilter || $[15] !== searchValue) {
+		t12 = (nodes) => {
 			const term = searchValue.trim();
 			if (!term) return nodes;
 			if (term.toLowerCase().split(/\s+/).filter(_temp5).length === 0) return nodes;
@@ -109,13 +119,14 @@ function CommandMenu(props, ref) {
 			};
 			return filterNodes(nodes);
 		};
-		$[12] = enhancedFilter;
-		$[13] = searchValue;
-		$[14] = t11;
-	} else t11 = $[14];
-	const collectionFilter = t11;
+		$[14] = enhancedFilter;
+		$[15] = searchValue;
+		$[16] = t12;
+	} else t12 = $[16];
+	const collectionFilter = t12;
 	const treeState = useTreeState({
 		...completeProps,
+		children: completeProps.children,
 		filter: collectionFilter,
 		shouldUseVirtualFocus: true
 	});
@@ -141,7 +152,6 @@ function CommandMenu(props, ref) {
 	const { menuProps } = useMenu({
 		...completeProps,
 		"aria-label": "Command palette menu",
-		filter: collectionFilter,
 		shouldUseVirtualFocus: true
 	}, treeState, menuRef);
 	const renderedItems = [];
@@ -173,10 +183,10 @@ function CommandMenu(props, ref) {
 		if (item_2.props.wrapper) menuItem = item_2.props.wrapper(menuItem);
 		renderedItems.push(React.cloneElement(menuItem, { key: item_2.key }));
 	});
-	let t12;
 	let t13;
-	if ($[15] !== autoFocus) {
-		t12 = () => {
+	let t14;
+	if ($[17] !== autoFocus) {
+		t13 = () => {
 			if (autoFocus && searchInputRef.current) {
 				const timeoutId = setTimeout(() => {
 					if (searchInputRef.current) searchInputRef.current.focus();
@@ -184,19 +194,19 @@ function CommandMenu(props, ref) {
 				return () => clearTimeout(timeoutId);
 			}
 		};
-		t13 = [autoFocus];
-		$[15] = autoFocus;
-		$[16] = t12;
-		$[17] = t13;
+		t14 = [autoFocus];
+		$[17] = autoFocus;
+		$[18] = t13;
+		$[19] = t14;
 	} else {
-		t12 = $[16];
-		t13 = $[17];
+		t13 = $[18];
+		t14 = $[19];
 	}
-	React.useEffect(t12, t13);
-	let t14;
+	React.useEffect(t13, t14);
 	let t15;
-	if ($[18] !== autoFocus || $[19] !== contextProps.autoFocus) {
-		t14 = () => {
+	let t16;
+	if ($[20] !== autoFocus || $[21] !== contextProps.autoFocus) {
+		t15 = () => {
 			if (autoFocus && contextProps.autoFocus && searchInputRef.current) {
 				const timeoutId_0 = setTimeout(() => {
 					if (searchInputRef.current) searchInputRef.current.focus();
@@ -204,20 +214,20 @@ function CommandMenu(props, ref) {
 				return () => clearTimeout(timeoutId_0);
 			}
 		};
-		t15 = [autoFocus, contextProps.autoFocus];
-		$[18] = autoFocus;
-		$[19] = contextProps.autoFocus;
-		$[20] = t14;
-		$[21] = t15;
+		t16 = [autoFocus, contextProps.autoFocus];
+		$[20] = autoFocus;
+		$[21] = contextProps.autoFocus;
+		$[22] = t15;
+		$[23] = t16;
 	} else {
-		t14 = $[20];
-		t15 = $[21];
+		t15 = $[22];
+		t16 = $[23];
 	}
-	React.useEffect(t14, t15);
+	React.useEffect(t15, t16);
 	const prevSearchValueRef = useRef("");
-	let t16;
-	if ($[22] !== findFirstSelectableItem || $[23] !== hasFilteredItems || $[24] !== searchValue || $[25] !== setFocusedKey || $[26] !== treeState) {
-		t16 = () => {
+	let t17;
+	if ($[24] !== findFirstSelectableItem || $[25] !== hasFilteredItems || $[26] !== searchValue || $[27] !== setFocusedKey || $[28] !== treeState) {
+		t17 = () => {
 			const currentSearchValue = searchValue.trim();
 			if (currentSearchValue !== prevSearchValueRef.current && currentSearchValue !== "") {
 				const firstSelectableKey = findFirstSelectableItem();
@@ -233,88 +243,88 @@ function CommandMenu(props, ref) {
 			}
 			prevSearchValueRef.current = currentSearchValue;
 		};
-		$[22] = findFirstSelectableItem;
-		$[23] = hasFilteredItems;
-		$[24] = searchValue;
-		$[25] = setFocusedKey;
-		$[26] = treeState;
-		$[27] = t16;
-	} else t16 = $[27];
-	let t17;
-	if ($[28] !== findFirstSelectableItem || $[29] !== hasFilteredItems || $[30] !== searchValue) {
-		t17 = [
+		$[24] = findFirstSelectableItem;
+		$[25] = hasFilteredItems;
+		$[26] = searchValue;
+		$[27] = setFocusedKey;
+		$[28] = treeState;
+		$[29] = t17;
+	} else t17 = $[29];
+	let t18;
+	if ($[30] !== findFirstSelectableItem || $[31] !== hasFilteredItems || $[32] !== searchValue) {
+		t18 = [
 			searchValue,
 			findFirstSelectableItem,
 			hasFilteredItems
 		];
-		$[28] = findFirstSelectableItem;
-		$[29] = hasFilteredItems;
-		$[30] = searchValue;
-		$[31] = t17;
-	} else t17 = $[31];
-	React.useEffect(t16, t17);
-	const extractedStyles = extractStyles(props, CONTAINER_STYLES);
-	let t18;
-	if ($[32] !== searchValue) {
-		t18 = searchValue.trim();
+		$[30] = findFirstSelectableItem;
+		$[31] = hasFilteredItems;
 		$[32] = searchValue;
 		$[33] = t18;
 	} else t18 = $[33];
-	const showEmptyState = t18.length > 0 && !hasFilteredItems && !isLoading;
+	React.useEffect(t17, t18);
+	const extractedStyles = extractStyles(props, CONTAINER_STYLES);
+	let t19;
+	if ($[34] !== searchValue) {
+		t19 = searchValue.trim();
+		$[34] = searchValue;
+		$[35] = t19;
+	} else t19 = $[35];
+	const showEmptyState = t19.length > 0 && !hasFilteredItems && !isLoading;
 	useSyncRef(contextProps, menuRef);
-	const t19 = !!footer;
-	const t20 = !!header;
-	const t21 = completeProps.mods?.popover;
-	const t22 = completeProps.mods?.tray;
-	let t23;
-	if ($[34] !== t19 || $[35] !== t20 || $[36] !== t21 || $[37] !== t22 || $[38] !== viewHasSections) {
-		t23 = {
+	const t20 = !!footer;
+	const t21 = !!header;
+	const t22 = completeProps.mods?.popover;
+	const t23 = completeProps.mods?.tray;
+	let t24;
+	if ($[36] !== t20 || $[37] !== t21 || $[38] !== t22 || $[39] !== t23 || $[40] !== viewHasSections) {
+		t24 = {
 			sections: viewHasSections,
-			footer: t19,
-			header: t20,
-			popover: t21,
-			tray: t22
+			footer: t20,
+			header: t21,
+			popover: t22,
+			tray: t23
 		};
-		$[34] = t19;
-		$[35] = t20;
-		$[36] = t21;
-		$[37] = t22;
-		$[38] = viewHasSections;
+		$[36] = t20;
+		$[37] = t21;
+		$[38] = t22;
 		$[39] = t23;
-	} else t23 = $[39];
-	const mods = t23;
-	const T0 = StyledCommandMenu;
-	let t24;
-	if ($[40] !== props) {
-		t24 = filterBaseProps(props);
-		$[40] = props;
+		$[40] = viewHasSections;
 		$[41] = t24;
 	} else t24 = $[41];
-	const t25 = t24;
-	const t26 = qa || "CommandMenu";
-	const t27 = mergeStyleLayers(extractedStyles, styles);
-	let t28;
-	if ($[42] !== header || $[43] !== headerStyles || $[44] !== size) {
-		t28 = header && /* @__PURE__ */ jsx(StyledHeader, {
+	const mods = t24;
+	const T0 = StyledCommandMenu;
+	let t25;
+	if ($[42] !== props) {
+		t25 = filterBaseProps(props);
+		$[42] = props;
+		$[43] = t25;
+	} else t25 = $[43];
+	const t26 = t25;
+	const t27 = qa || "CommandMenu";
+	const t28 = mergeStyleLayers(extractedStyles, styles);
+	let t29;
+	if ($[44] !== header || $[45] !== headerStyles || $[46] !== size) {
+		t29 = header && /* @__PURE__ */ jsx(StyledHeader, {
 			role: "presentation",
 			"data-size": size,
 			styles: mergeStyleLayers({ border: "none" }, headerStyles),
 			children: header
 		});
-		$[42] = header;
-		$[43] = headerStyles;
-		$[44] = size;
-		$[45] = t28;
-	} else t28 = $[45];
-	const t29 = `${qa || "CommandMenu"}-menu`;
-	const t30 = focusedKey != null ? `${qa || "CommandMenu"}-menu-option-${focusedKey}` : void 0;
-	let t31;
-	if ($[46] !== handleSearchChange) {
-		t31 = (e) => handleSearchChange(e.target.value);
-		$[46] = handleSearchChange;
-		$[47] = t31;
-	} else t31 = $[47];
-	const t32 = (e_0) => {
+		$[44] = header;
+		$[45] = headerStyles;
+		$[46] = size;
+		$[47] = t29;
+	} else t29 = $[47];
+	const t30 = `${qa || "CommandMenu"}-menu`;
+	const t31 = focusedKey != null ? `${qa || "CommandMenu"}-menu-option-${focusedKey}` : void 0;
+	let t32;
+	if ($[48] !== handleSearchChange) {
+		t32 = (e) => handleSearchChange(e.target.value);
+		$[48] = handleSearchChange;
+		$[49] = t32;
+	} else t32 = $[49];
+	const t33 = (e_0) => {
 		if (e_0.key === "ArrowDown" || e_0.key === "ArrowUp") {
 			e_0.preventDefault();
 			const isArrowDown = e_0.key === "ArrowDown";
@@ -332,14 +342,14 @@ function CommandMenu(props, ref) {
 			const findNextSelectableKey = (currentIndex, direction, visibleKeys) => {
 				const increment = direction === "forward" ? 1 : -1;
 				for (let i = currentIndex + increment; i >= 0 && i < visibleKeys.length; i = i + increment) {
-					const key_1 = visibleKeys[i];
-					if (!selectionManager_0.isDisabled(key_1)) return key_1;
+					const key_2 = visibleKeys[i];
+					if (!selectionManager_0.isDisabled(key_2)) return key_2;
 				}
 				return null;
 			};
 			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;
+				for (const key_3 of keysToCheck) if (!selectionManager_0.isDisabled(key_3)) return key_3;
 				return null;
 			};
 			const visibleKeys_1 = getVisibleItemKeys();
@@ -364,12 +374,12 @@ function CommandMenu(props, ref) {
 			const currentFocusedKey = focusedKey || treeState.selectionManager.focusedKey;
 			if (currentFocusedKey != null) {
 				e_0.preventDefault();
-				if (treeState.selectionManager.selectionMode !== "none") treeState.selectionManager.select(currentFocusedKey, e_0);
+				if (treeState.selectionManager.selectionMode !== "none") treeState.selectionManager.select(currentFocusedKey);
 				else {
 					const node_2 = treeState.collection.getItem(currentFocusedKey);
 					if (node_2) {
-						const onAction = completeProps.onAction;
-						if (onAction) onAction(currentFocusedKey);
+						const onAction_0 = completeProps.onAction;
+						if (onAction_0) onAction_0(currentFocusedKey);
 						if (node_2.props?.onAction) node_2.props.onAction(currentFocusedKey);
 					}
 				}
@@ -383,44 +393,44 @@ function CommandMenu(props, ref) {
 			}
 		}
 	};
-	let t33;
-	if ($[48] !== searchInputStyles || $[49] !== searchPlaceholder || $[50] !== searchValue || $[51] !== size || $[52] !== t29 || $[53] !== t30 || $[54] !== t31 || $[55] !== t32) {
-		t33 = /* @__PURE__ */ jsx(StyledSearchInput, {
+	let t34;
+	if ($[50] !== searchInputStyles || $[51] !== searchPlaceholder || $[52] !== searchValue || $[53] !== size || $[54] !== t30 || $[55] !== t31 || $[56] !== t32 || $[57] !== t33) {
+		t34 = /* @__PURE__ */ jsx(StyledSearchInput, {
 			ref: searchInputRef,
 			type: "search",
 			placeholder: searchPlaceholder,
 			value: searchValue,
 			styles: searchInputStyles,
 			"data-size": size,
-			"aria-controls": t29,
+			"aria-controls": t30,
 			role: "combobox",
 			"aria-expanded": "true",
 			"aria-haspopup": "listbox",
-			"aria-activedescendant": t30,
-			onChange: t31,
-			onKeyDown: t32
+			"aria-activedescendant": t31,
+			onChange: t32,
+			onKeyDown: t33
 		});
-		$[48] = searchInputStyles;
-		$[49] = searchPlaceholder;
-		$[50] = searchValue;
-		$[51] = size;
-		$[52] = t29;
-		$[53] = t30;
-		$[54] = t31;
-		$[55] = t32;
-		$[56] = t33;
-	} else t33 = $[56];
-	let t34;
-	if ($[57] !== isLoading) {
-		t34 = isLoading && /* @__PURE__ */ jsx(StyledLoadingWrapper, { children: /* @__PURE__ */ jsx(LoadingIcon, {
+		$[50] = searchInputStyles;
+		$[51] = searchPlaceholder;
+		$[52] = searchValue;
+		$[53] = size;
+		$[54] = t30;
+		$[55] = t31;
+		$[56] = t32;
+		$[57] = t33;
+		$[58] = t34;
+	} else t34 = $[58];
+	let t35;
+	if ($[59] !== isLoading) {
+		t35 = isLoading && /* @__PURE__ */ jsx(StyledLoadingWrapper, { children: /* @__PURE__ */ jsx(LoadingIcon, {
 			role: "progressbar",
 			"aria-label": "Loading commands",
 			"aria-hidden": false
 		}) });
-		$[57] = isLoading;
-		$[58] = t34;
-	} else t34 = $[58];
-	const t35 = !isLoading && !showEmptyState && /* @__PURE__ */ jsx(StyledMenu, {
+		$[59] = isLoading;
+		$[60] = t35;
+	} else t35 = $[60];
+	const t36 = !isLoading && !showEmptyState && /* @__PURE__ */ jsx(StyledMenu, {
 		...menuProps,
 		ref: menuRef,
 		id: `${qa || "CommandMenu"}-menu`,
@@ -436,61 +446,61 @@ function CommandMenu(props, ref) {
 		},
 		children: renderedItems
 	});
-	let t36;
-	if ($[59] !== emptyLabel || $[60] !== isLoading || $[61] !== showEmptyState) {
-		t36 = !isLoading && showEmptyState && /* @__PURE__ */ jsx(StyledEmptyState, { children: emptyLabel });
-		$[59] = emptyLabel;
-		$[60] = isLoading;
-		$[61] = showEmptyState;
-		$[62] = t36;
-	} else t36 = $[62];
 	let t37;
-	if ($[63] !== footer || $[64] !== footerStyles || $[65] !== size) {
-		t37 = footer && /* @__PURE__ */ jsx(StyledFooter, {
+	if ($[61] !== emptyLabel || $[62] !== isLoading || $[63] !== showEmptyState) {
+		t37 = !isLoading && showEmptyState && /* @__PURE__ */ jsx(StyledEmptyState, { children: emptyLabel });
+		$[61] = emptyLabel;
+		$[62] = isLoading;
+		$[63] = showEmptyState;
+		$[64] = t37;
+	} else t37 = $[64];
+	let t38;
+	if ($[65] !== footer || $[66] !== footerStyles || $[67] !== size) {
+		t38 = footer && /* @__PURE__ */ jsx(StyledFooter, {
 			role: "presentation",
 			"data-size": size,
 			styles: footerStyles,
 			children: footer
 		});
-		$[63] = footer;
-		$[64] = footerStyles;
-		$[65] = size;
-		$[66] = t37;
-	} else t37 = $[66];
-	let t38;
-	if ($[67] !== T0 || $[68] !== domRef || $[69] !== mods || $[70] !== size || $[71] !== t25 || $[72] !== t26 || $[73] !== t27 || $[74] !== t28 || $[75] !== t33 || $[76] !== t34 || $[77] !== t35 || $[78] !== t36 || $[79] !== t37) {
-		t38 = /* @__PURE__ */ jsxs(T0, {
-			...t25,
+		$[65] = footer;
+		$[66] = footerStyles;
+		$[67] = size;
+		$[68] = t38;
+	} else t38 = $[68];
+	let t39;
+	if ($[69] !== T0 || $[70] !== domRef || $[71] !== mods || $[72] !== size || $[73] !== t26 || $[74] !== t27 || $[75] !== t28 || $[76] !== t29 || $[77] !== t34 || $[78] !== t35 || $[79] !== t36 || $[80] !== t37 || $[81] !== t38) {
+		t39 = /* @__PURE__ */ jsxs(T0, {
+			...t26,
 			ref: domRef,
-			qa: t26,
+			qa: t27,
 			"data-size": size,
 			mods,
-			styles: t27,
+			styles: t28,
 			children: [
-				t28,
-				t33,
+				t29,
 				t34,
 				t35,
 				t36,
-				t37
+				t37,
+				t38
 			]
 		});
-		$[67] = T0;
-		$[68] = domRef;
-		$[69] = mods;
-		$[70] = size;
-		$[71] = t25;
-		$[72] = t26;
-		$[73] = t27;
-		$[74] = t28;
-		$[75] = t33;
-		$[76] = t34;
-		$[77] = t35;
-		$[78] = t36;
-		$[79] = t37;
-		$[80] = t38;
-	} else t38 = $[80];
-	return t38;
+		$[69] = T0;
+		$[70] = domRef;
+		$[71] = mods;
+		$[72] = size;
+		$[73] = t26;
+		$[74] = t27;
+		$[75] = t28;
+		$[76] = t29;
+		$[77] = t34;
+		$[78] = t35;
+		$[79] = t36;
+		$[80] = t37;
+		$[81] = t38;
+		$[82] = t39;
+	} else t39 = $[82];
+	return t39;
 }
 function _temp7(item_1) {
 	return item_1.type === "section";