@ultraviolet/ui 3.11.0 → 3.12.0

package/dist/components/compositions/Navigation/components/Item.js

@@ -1,200 +1,211 @@
 'use client';
-import { __name } from "../../../../_virtual/_rolldown/runtime.js";
-import { Stack } from "../../../Stack/index.js";
-import { Tooltip } from "../../../Tooltip/index.js";
-import { useNavigation } from "../NavigationProvider.js";
-import { navigationItemAnimatedIcon, navigationItemContainer, navigationItemContainerAnimated, navigationItemMenuStack } from "./items.css.js";
-import { ItemContext } from "./ItemProvider.js";
-import { ItemExpanded } from "./ItemExpanded.js";
-import { ItemMenu, ItemMenuItem } from "./ItemMenu.js";
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../../Stack/index.js";
+import { Tooltip, init_Tooltip } from "../../../Tooltip/index.js";
+import { init_NavigationProvider, useNavigation } from "../NavigationProvider.js";
+import { init_styles_css, navigationStyle } from "../styles.css.js";
+import { ItemContext, init_ItemProvider } from "./ItemProvider.js";
+import { ItemExpanded, init_ItemExpanded } from "./ItemExpanded.js";
+import { ItemMenu, ItemMenuItem, init_ItemMenu } from "./ItemMenu.js";
 import { Children, isValidElement, memo, useContext, useEffect, useMemo, useRef } from "react";
-import { jsx } from "react/jsx-runtime";
 import { cn } from "@ultraviolet/utils";
+import { jsx } from "react/jsx-runtime";
 import { OpenInNewIcon } from "@ultraviolet/icons/OpenInNewIcon";
 
 //#region src/components/compositions/Navigation/components/Item.tsx
-const onDragStopTrigger = (event) => {
-	const element = event.currentTarget;
-	element.style.opacity = "1";
-};
-const Item = memo(({ children, categoryIcon, label, labelDescription, subLabel, badgeText, badgeSentiment, href, target, rel, onToggle, onClickPinUnpin, toggle, active, noPinButton, type = "default", as, disabled, noExpand = false, index, id, "data-testid": dataTestId, style, alwaysVisible }) => {
-	const context = useNavigation();
-	if (!context) throw new Error("Navigation.Item can only be used inside a NavigationProvider.");
-	const hasParents = !!useContext(ItemContext);
-	const { expanded, locales, pinnedFeature, pinnedItems, pinLimit, animation, registerItem, shouldAnimate, animationType, showHide } = context;
-	const makeRegisterRef = useRef(null);
-	useEffect(() => {
-		makeRegisterRef.current = () => registerItem({ [id]: {
+var onDragStopTrigger, Item;
+var init_Item = __esmMin(() => {
+	init_Stack();
+	init_Tooltip();
+	init_NavigationProvider();
+	init_styles_css();
+	init_ItemExpanded();
+	init_ItemMenu();
+	init_ItemProvider();
+	onDragStopTrigger = (event) => {
+		const element = event.currentTarget;
+		element.style.opacity = "1";
+	};
+	Item = memo(({ children, categoryIcon, label, labelDescription, subLabel, badgeText, badgeSentiment, href, target, rel, onToggle, onClickPinUnpin, toggle, active, noPinButton, type = "default", as, disabled, noExpand = false, index, id, "data-testid": dataTestId, style, alwaysVisible }) => {
+		const context = useNavigation();
+		if (!context) throw new Error("Navigation.Item can only be used inside a NavigationProvider.");
+		const hasParents = !!useContext(ItemContext);
+		const { expanded, locales, pinnedFeature, pinnedItems, pinLimit, animation, registerItem, shouldAnimate, animationType, showHide } = context;
+		const makeRegisterRef = useRef(null);
+		useEffect(() => {
+			makeRegisterRef.current = () => registerItem({ [id]: {
+				active,
+				label,
+				onClickPinUnpin,
+				onToggle
+			} });
+		}, [
 			active,
+			id,
 			label,
 			onClickPinUnpin,
+			registerItem,
 			onToggle
-		} });
-	}, [
-		active,
-		id,
-		label,
-		onClickPinUnpin,
-		registerItem,
-		onToggle
-	]);
-	useEffect(() => {
-		if (type !== "pinnedGroup" && pinnedFeature) {
-			var _makeRegisterRef$curr;
-			(_makeRegisterRef$curr = makeRegisterRef.current) === null || _makeRegisterRef$curr === void 0 || _makeRegisterRef$curr.call(makeRegisterRef);
-		}
-	}, [
-		type,
-		pinnedFeature,
-		active,
-		id,
-		label,
-		registerItem
-	]);
-	const hasHrefAndNoChildren = href && !children;
-	const hasPinnedFeatureAndNoChildren = pinnedFeature && !children && !noPinButton;
-	const isItemPinned = pinnedItems.includes(id);
-	const shouldShowPinnedButton = useMemo(() => {
-		if (href || disabled) return false;
-		if (hasPinnedFeatureAndNoChildren && type !== "default") return true;
-		if (hasPinnedFeatureAndNoChildren) return true;
-		return false;
-	}, [
-		disabled,
-		hasPinnedFeatureAndNoChildren,
-		href,
-		type
-	]);
-	const hasActiveChildren = useMemo(() => {
-		if (!children) return false;
-		return Children.map(children, (child) => {
-			if (isValidElement(child)) {
-				if ("to" in child.props) {
-					var _child$props$children;
-					return (_child$props$children = child.props.children) === null || _child$props$children === void 0 ? void 0 : _child$props$children.props.active;
-				}
-				return child.props.active;
+		]);
+		useEffect(() => {
+			if (type !== "pinnedGroup" && pinnedFeature) {
+				var _makeRegisterRef$curr;
+				(_makeRegisterRef$curr = makeRegisterRef.current) === null || _makeRegisterRef$curr === void 0 || _makeRegisterRef$curr.call(makeRegisterRef);
 			}
-			return null;
-		}).includes(true);
-	}, [children]);
-	const isPinDisabled = pinnedItems.length >= pinLimit;
-	const containerTag = useMemo(() => {
-		if (as) return as;
-		if (hasHrefAndNoChildren) return "a";
-		if (noExpand || shouldShowPinnedButton) return "div";
-		return "button";
-	}, [
-		as,
-		hasHrefAndNoChildren,
-		noExpand,
-		shouldShowPinnedButton
-	]);
-	const pinTooltipLocale = useMemo(() => {
-		if (isPinDisabled) return locales["navigation.pin.limit"];
-		if (isItemPinned) return locales["navigation.unpin.tooltip"];
-		return locales["navigation.pin.tooltip"];
-	}, [
-		isItemPinned,
-		isPinDisabled,
-		locales
-	]);
-	if (!alwaysVisible && showHide === "hide") return null;
-	const computedAnimation = animation === "collapse" ? "collapse" : "expand";
-	if (expanded || !expanded && animation === "expand") return /* @__PURE__ */ jsx(ItemExpanded, {
-		active,
-		badgeSentiment,
-		badgeText,
-		categoryIcon,
-		containerTag,
-		dataTestId,
-		disabled,
-		hasActiveChildren,
-		hasPinnedFeatureAndNoChildren,
-		href,
-		id,
-		index,
-		isItemPinned,
-		isPinDisabled,
-		label,
-		labelDescription,
-		noExpand,
-		onClickPinUnpin,
-		onDragStopTrigger,
-		onToggle,
-		pinTooltipLocale,
-		rel,
-		shouldShowPinnedButton,
-		style,
-		subLabel,
-		target,
-		toggle,
-		type,
-		children
-	});
-	if (categoryIcon || Children.count(children) > 0 && !hasParents) return /* @__PURE__ */ jsx(ItemMenu, {
-		active,
-		categoryIcon,
-		hasActiveChildren,
-		label,
-		style,
-		children
-	});
-	if (hasParents) return /* @__PURE__ */ jsx(ItemMenuItem, {
-		active,
-		badgeSentiment,
-		badgeText,
-		disabled,
-		hasActiveChildren,
-		hasHrefAndNoChildren,
-		href,
-		id,
-		isItemPinned,
-		isPinDisabled,
-		label,
-		labelDescription,
-		noExpand,
-		onClickPinUnpin,
-		onToggle,
-		pinTooltipLocale,
-		rel,
-		shouldShowPinnedButton,
-		style,
-		target
-	});
-	if (!hasParents && href) return /* @__PURE__ */ jsx(Tooltip, {
-		placement: "right",
-		text: label,
-		children: /* @__PURE__ */ jsx(Stack, {
-			alignItems: "flex-start",
-			className: navigationItemMenuStack,
-			gap: 1,
-			justifyContent: "flex-start",
+		}, [
+			type,
+			pinnedFeature,
+			active,
+			id,
+			label,
+			registerItem
+		]);
+		const hasHrefAndNoChildren = href && !children;
+		const hasPinnedFeatureAndNoChildren = pinnedFeature && !children && !noPinButton;
+		const isItemPinned = pinnedItems.includes(id);
+		const shouldShowPinnedButton = useMemo(() => {
+			if (href || disabled) return false;
+			if (hasPinnedFeatureAndNoChildren && type !== "default") return true;
+			if (hasPinnedFeatureAndNoChildren) return true;
+			return false;
+		}, [
+			disabled,
+			hasPinnedFeatureAndNoChildren,
+			href,
+			type
+		]);
+		const hasActiveChildren = useMemo(() => {
+			if (!children) return false;
+			return Children.map(children, (child) => {
+				if (isValidElement(child)) {
+					if ("to" in child.props) {
+						var _child$props$children;
+						return (_child$props$children = child.props.children) === null || _child$props$children === void 0 ? void 0 : _child$props$children.props.active;
+					}
+					return child.props.active;
+				}
+				return null;
+			}).includes(true);
+		}, [children]);
+		const isPinDisabled = pinnedItems.length >= pinLimit;
+		const containerTag = useMemo(() => {
+			if (as) return as;
+			if (hasHrefAndNoChildren) return "a";
+			if (noExpand || shouldShowPinnedButton) return "div";
+			return "button";
+		}, [
+			as,
+			hasHrefAndNoChildren,
+			noExpand,
+			shouldShowPinnedButton
+		]);
+		const pinTooltipLocale = useMemo(() => {
+			if (isPinDisabled) return locales["navigation.pin.limit"];
+			if (isItemPinned) return locales["navigation.unpin.tooltip"];
+			return locales["navigation.pin.tooltip"];
+		}, [
+			isItemPinned,
+			isPinDisabled,
+			locales
+		]);
+		if (!alwaysVisible && showHide === "hide") return null;
+		const computedAnimation = animation === "collapse" ? "collapse" : "expand";
+		if (expanded || !expanded && animation === "expand") return /* @__PURE__ */ jsx(ItemExpanded, {
+			active,
+			badgeSentiment,
+			badgeText,
+			categoryIcon,
+			containerTag,
+			dataTestId,
+			disabled,
+			hasActiveChildren,
+			hasPinnedFeatureAndNoChildren,
+			href,
+			id,
+			index,
+			isItemPinned,
+			isPinDisabled,
+			label,
+			labelDescription,
+			noExpand,
+			onClickPinUnpin,
+			onDragStopTrigger,
+			onToggle,
+			pinTooltipLocale,
+			rel,
+			shouldShowPinnedButton,
+			style,
+			subLabel,
+			target,
+			toggle,
+			type,
+			children
+		});
+		if (categoryIcon || Children.count(children) > 0 && !hasParents) return /* @__PURE__ */ jsx(ItemMenu, {
+			active,
+			categoryIcon,
+			hasActiveChildren,
+			label,
+			style,
+			children
+		});
+		if (hasParents) return /* @__PURE__ */ jsx(ItemMenuItem, {
+			active,
+			badgeSentiment,
+			badgeText,
+			disabled,
+			hasActiveChildren,
+			hasHrefAndNoChildren,
+			href,
+			id,
+			isItemPinned,
+			isPinDisabled,
+			label,
+			labelDescription,
+			noExpand,
+			onClickPinUnpin,
+			onToggle,
+			pinTooltipLocale,
+			rel,
+			shouldShowPinnedButton,
+			style,
+			target
+		});
+		if (!hasParents && href) return /* @__PURE__ */ jsx(Tooltip, {
+			placement: "right",
+			text: label,
 			children: /* @__PURE__ */ jsx(Stack, {
-				alignItems: "center",
-				as: containerTag,
-				className: cn(navigationItemContainer({ disabled }), navigationItemContainerAnimated({
-					animated: shouldAnimate && animationType === "complex",
-					animation: computedAnimation
-				})),
+				alignItems: "flex-start",
+				className: navigationStyle.itemMenuStack,
 				gap: 1,
-				href,
-				justifyContent: "center",
-				rel,
-				target,
-				children: /* @__PURE__ */ jsx(OpenInNewIcon, {
-					className: navigationItemAnimatedIcon({
+				justifyContent: "flex-start",
+				children: /* @__PURE__ */ jsx(Stack, {
+					alignItems: "center",
+					as: containerTag,
+					className: cn(navigationStyle.itemContainer({ disabled }), navigationStyle.itemContainerAnimated({
 						animated: shouldAnimate && animationType === "complex",
 						animation: computedAnimation
-					}),
-					prominence: "weak",
-					sentiment: "neutral"
+					})),
+					gap: 1,
+					href,
+					justifyContent: "center",
+					rel,
+					target,
+					children: /* @__PURE__ */ jsx(OpenInNewIcon, {
+						className: navigationStyle.itemAnimatedIcon({
+							animated: shouldAnimate && animationType === "complex",
+							animation: computedAnimation
+						}),
+						prominence: "weak",
+						sentiment: "neutral"
+					})
 				})
 			})
-		})
+		});
+		return null;
 	});
-	return null;
 });
 
 //#endregion
-export { Item };
+init_Item();
+export { Item, init_Item };

package/dist/components/compositions/Navigation/components/ItemExpanded.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemExpanded.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/Navigation/components/ItemExpanded.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAsLzD,eAAO,MAAM,YAAY,0aA4MxB,CAAA"}
+{"version":3,"file":"ItemExpanded.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/Navigation/components/ItemExpanded.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AA6KzD,eAAO,MAAM,YAAY,0aA4MxB,CAAA"}