@ultraviolet/ui 3.21.0 → 3.21.2

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

@@ -8,29 +8,31 @@ import { Fragment, jsx } from "react/jsx-runtime";
 
 //#region src/compositions/Navigation/components/Item/Children.tsx
 var ItemChildren;
-var init_Children = __esmMin(() => {
-	init_Expandable();
-	init_Stack();
-	init_NavigationProvider();
-	init_ItemProvider();
-	init_styles_css();
-	ItemChildren = ({ noExpand, type, children, internalExpanded }) => {
-		if (!useNavigation()) throw new Error("Navigation.Item can only be used inside a NavigationProvider.");
-		return /* @__PURE__ */ jsx(Fragment, { children: noExpand ? /* @__PURE__ */ jsx(ItemProvider, { children: /* @__PURE__ */ jsx(Stack, {
-			gap: .25,
-			className: noExpand || type === "pinnedGroup" ? "" : navigationStyle.itemPaddingStack,
-			children
-		}) }) : /* @__PURE__ */ jsx(ItemProvider, { children: /* @__PURE__ */ jsx(Expandable, {
-			animationDuration: 0,
-			opened: internalExpanded,
-			children: /* @__PURE__ */ jsx(Stack, {
+function init_Children() {
+	return (init_Children = __esmMin(() => {
+		init_Expandable();
+		init_Stack();
+		init_NavigationProvider();
+		init_ItemProvider();
+		init_styles_css();
+		ItemChildren = ({ noExpand, type, children, internalExpanded }) => {
+			if (!useNavigation()) throw new Error("Navigation.Item can only be used inside a NavigationProvider.");
+			return /* @__PURE__ */ jsx(Fragment, { children: noExpand ? /* @__PURE__ */ jsx(ItemProvider, { children: /* @__PURE__ */ jsx(Stack, {
 				gap: .25,
 				className: noExpand || type === "pinnedGroup" ? "" : navigationStyle.itemPaddingStack,
 				children
-			})
-		}) }) });
-	};
-});
+			}) }) : /* @__PURE__ */ jsx(ItemProvider, { children: /* @__PURE__ */ jsx(Expandable, {
+				animationDuration: 0,
+				opened: internalExpanded,
+				children: /* @__PURE__ */ jsx(Stack, {
+					gap: .25,
+					className: noExpand || type === "pinnedGroup" ? "" : navigationStyle.itemPaddingStack,
+					children
+				})
+			}) }) });
+		};
+	}))();
+}
 
 //#endregion
 init_Children();

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

@@ -10,72 +10,74 @@ import { DragIcon } from "@ultraviolet/icons/DragIcon";
 
 //#region src/compositions/Navigation/components/Item/Content.tsx
 var ItemContent;
-var init_Content = __esmMin(() => {
-	init_Stack();
-	init_Text();
-	init_NavigationProvider();
-	init_ItemProvider();
-	init_styles_css();
-	ItemContent = ({ disabled, active, categoryIcon, type, label, hasActiveChildren, labelDescription, noExpand, subLabel }) => {
-		const context = useNavigation();
-		if (!context) throw new Error("Navigation.Item can only be used inside a NavigationProvider.");
-		const { expanded, animation } = context;
-		const hasParents = !!useContext(ItemContext);
-		return /* @__PURE__ */ jsxs(Stack, {
-			alignItems: categoryIcon ? "flex-start" : "center",
-			direction: "row",
-			gap: 1,
-			justifyContent: "center",
-			children: [
-				categoryIcon ? /* @__PURE__ */ jsx(Stack, {
-					alignItems: "center",
-					className: navigationStyle.itemCategoryIcon,
-					justifyContent: "center",
-					children: categoryIcon
-				}) : null,
-				type === "pinned" && expanded ? /* @__PURE__ */ jsx(DragIcon, {
-					className: navigationStyle.itemDragIcon,
-					disabled,
-					prominence: "default",
-					sentiment: "neutral",
-					size: "small"
-				}) : null,
-				/* @__PURE__ */ jsxs(Stack, { children: [/* @__PURE__ */ jsxs(Text, {
-					as: "span",
-					className: navigationStyle.itemWrapText({
+function init_Content() {
+	return (init_Content = __esmMin(() => {
+		init_Stack();
+		init_Text();
+		init_NavigationProvider();
+		init_ItemProvider();
+		init_styles_css();
+		ItemContent = ({ disabled, active, categoryIcon, type, label, hasActiveChildren, labelDescription, noExpand, subLabel }) => {
+			const context = useNavigation();
+			if (!context) throw new Error("Navigation.Item can only be used inside a NavigationProvider.");
+			const { expanded, animation } = context;
+			const hasParents = !!useContext(ItemContext);
+			return /* @__PURE__ */ jsxs(Stack, {
+				alignItems: categoryIcon ? "flex-start" : "center",
+				direction: "row",
+				gap: 1,
+				justifyContent: "center",
+				children: [
+					categoryIcon ? /* @__PURE__ */ jsx(Stack, {
+						alignItems: "center",
+						className: navigationStyle.itemCategoryIcon,
+						justifyContent: "center",
+						children: categoryIcon
+					}) : null,
+					type === "pinned" && expanded ? /* @__PURE__ */ jsx(DragIcon, {
+						className: navigationStyle.itemDragIcon,
 						disabled,
-						animation,
-						weak: hasActiveChildren && !noExpand && !disabled && !!active
-					}),
-					"data-animation": animation,
-					disabled,
-					prominence: (categoryIcon || !hasParents) && !active ? "strong" : "default",
-					sentiment: active ? "primary" : "neutral",
-					variant: "bodySmallStrong",
-					whiteSpace: "pre-wrap",
-					children: [label, labelDescription ? /* @__PURE__ */ jsx("span", {
-						className: navigationStyle.itemPadded,
-						children: labelDescription
-					}) : null]
-				}), subLabel && expanded ? /* @__PURE__ */ jsx(Text, {
-					as: "span",
-					className: navigationStyle.itemWrapText({
+						prominence: "default",
+						sentiment: "neutral",
+						size: "small"
+					}) : null,
+					/* @__PURE__ */ jsxs(Stack, { children: [/* @__PURE__ */ jsxs(Text, {
+						as: "span",
+						className: navigationStyle.itemWrapText({
+							disabled,
+							animation,
+							weak: hasActiveChildren && !noExpand && !disabled && !!active
+						}),
+						"data-animation": animation,
 						disabled,
-						animation,
-						weak: hasActiveChildren && !noExpand && !disabled && !!active
-					}),
-					"data-animation": animation,
-					disabled,
-					prominence: "weak",
-					sentiment: "neutral",
-					variant: "caption",
-					whiteSpace: "pre-wrap",
-					children: subLabel
-				}) : null] })
-			]
-		});
-	};
-});
+						prominence: (categoryIcon || !hasParents) && !active ? "strong" : "default",
+						sentiment: active ? "primary" : "neutral",
+						variant: "bodySmallStrong",
+						whiteSpace: "pre-wrap",
+						children: [label, labelDescription ? /* @__PURE__ */ jsx("span", {
+							className: navigationStyle.itemPadded,
+							children: labelDescription
+						}) : null]
+					}), subLabel && expanded ? /* @__PURE__ */ jsx(Text, {
+						as: "span",
+						className: navigationStyle.itemWrapText({
+							disabled,
+							animation,
+							weak: hasActiveChildren && !noExpand && !disabled && !!active
+						}),
+						"data-animation": animation,
+						disabled,
+						prominence: "weak",
+						sentiment: "neutral",
+						variant: "caption",
+						whiteSpace: "pre-wrap",
+						children: subLabel
+					}) : null] })
+				]
+			});
+		};
+	}))();
+}
 
 //#endregion
 init_Content();

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

@@ -16,217 +16,219 @@ import { OpenInNewIcon } from "@ultraviolet/icons/OpenInNewIcon";
 
 //#region src/compositions/Navigation/components/Item/Item.tsx
 var onDragStopTrigger, Item;
-var init_Item = __esmMin(() => {
-	init_Stack();
-	init_Tooltip();
-	init_NavigationProvider();
-	init_Menu();
-	init_MenuItem();
-	init_NestedMenu();
-	init_ItemExpanded();
-	init_ItemProvider();
-	init_styles_css();
-	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, registerItem, showHide } = context;
-		const makeRegisterRef = useRef(null);
-		useEffect(() => {
-			makeRegisterRef.current = () => registerItem({ [id]: {
+function init_Item() {
+	return (init_Item = __esmMin(() => {
+		init_Stack();
+		init_Tooltip();
+		init_NavigationProvider();
+		init_Menu();
+		init_MenuItem();
+		init_NestedMenu();
+		init_ItemExpanded();
+		init_ItemProvider();
+		init_styles_css();
+		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, registerItem, 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;
-		if (expanded) return /* @__PURE__ */ jsx(ItemExpanded, {
-			active,
-			badgeSentiment,
-			badgeText,
-			categoryIcon,
-			containerTag,
-			dataTestId,
-			dataFlipId: !hasParents && categoryIcon ? id : null,
-			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,
-			"data-flip-id": categoryIcon ? id : void 0,
-			hasActiveChildren,
-			label,
-			style,
-			children
-		});
-		if (Children.count(children) > 0 && hasParents) return /* @__PURE__ */ jsx(NestedMenu, {
-			active,
-			badgeSentiment,
-			badgeText,
-			disabled,
-			hasActiveChildren,
-			hasHrefAndNoChildren,
-			href,
-			id,
-			isItemPinned,
-			isPinDisabled,
-			label,
-			labelDescription,
-			noExpand,
-			onClickPinUnpin,
-			onToggle,
-			pinTooltipLocale,
-			rel,
-			shouldShowPinnedButton,
-			style,
-			target,
-			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",
+			}, [
+				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;
+			if (expanded) return /* @__PURE__ */ jsx(ItemExpanded, {
+				active,
+				badgeSentiment,
+				badgeText,
+				categoryIcon,
+				containerTag,
+				dataTestId,
+				dataFlipId: !hasParents && categoryIcon ? id : null,
+				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,
 				"data-flip-id": categoryIcon ? id : void 0,
-				gap: 1,
-				justifyContent: "flex-start",
+				hasActiveChildren,
+				label,
+				style,
+				children
+			});
+			if (Children.count(children) > 0 && hasParents) return /* @__PURE__ */ jsx(NestedMenu, {
+				active,
+				badgeSentiment,
+				badgeText,
+				disabled,
+				hasActiveChildren,
+				hasHrefAndNoChildren,
+				href,
+				id,
+				isItemPinned,
+				isPinDisabled,
+				label,
+				labelDescription,
+				noExpand,
+				onClickPinUnpin,
+				onToggle,
+				pinTooltipLocale,
+				rel,
+				shouldShowPinnedButton,
+				style,
+				target,
+				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(navigationStyle.itemContainer({ disabled })),
+					"data-flip-id": categoryIcon ? id : void 0,
 					gap: 1,
-					href,
-					justifyContent: "center",
-					rel,
-					target,
-					children: /* @__PURE__ */ jsx(OpenInNewIcon, {
-						prominence: "weak",
-						sentiment: "neutral"
+					justifyContent: "flex-start",
+					children: /* @__PURE__ */ jsx(Stack, {
+						alignItems: "center",
+						as: containerTag,
+						className: cn(navigationStyle.itemContainer({ disabled })),
+						gap: 1,
+						href,
+						justifyContent: "center",
+						rel,
+						target,
+						children: /* @__PURE__ */ jsx(OpenInNewIcon, {
+							prominence: "weak",
+							sentiment: "neutral"
+						})
 					})
 				})
-			})
+			});
+			return null;
 		});
-		return null;
-	});
-	Item.displayName = "Navigation.Item";
-});
+		Item.displayName = "Navigation.Item";
+	}))();
+}
 
 //#endregion
 init_Item();