@ultraviolet/ui 3.21.0 → 3.21.2

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

@@ -15,125 +15,127 @@ import { ArrowDownIcon } from "@ultraviolet/icons/ArrowDownIcon";
 
 //#region src/compositions/Navigation/components/Item/ItemExpanded.tsx
 var ItemExpanded;
-var init_ItemExpanded = __esmMin(() => {
-	init_Stack();
-	init_NavigationProvider();
-	init_Badge();
-	init_Children();
-	init_Content();
-	init_PinnedButton();
-	init_styles_css();
-	ItemExpanded = ({ categoryIcon, containerTag, disabled, active, noExpand, subLabel, shouldShowPinnedButton, children, dataTestId, dataFlipId, type, href, rel, id, style, target, label, labelDescription, hasPinnedFeatureAndNoChildren, badgeText, badgeSentiment, isItemPinned, pinTooltipLocale, onClickPinUnpin, isPinDisabled, onToggle, index, onDragStopTrigger, toggle, hasActiveChildren }) => {
-		const context = useNavigation();
-		const [internalExpanded, onToggleExpand] = useReducer((prevState) => !prevState, Boolean(toggle));
-		if (!context) throw new Error("Navigation.Item can only be used inside a NavigationProvider.");
-		const { expanded, animation, pinnedFeature } = context;
-		const showDraggableIcon = !noExpand && pinnedFeature && shouldShowPinnedButton && !disabled;
-		const showPinIcon = !(noExpand || disabled) && shouldShowPinnedButton && pinnedFeature;
-		const shouldHaveWeakText = !!children && !active && shouldShowPinnedButton && !disabled;
-		const hasHrefAndNoChildren = href && !children;
-		const triggerToggle = useCallback(() => {
-			onToggleExpand();
-			onToggle === null || onToggle === void 0 || onToggle(internalExpanded);
-		}, [internalExpanded, onToggle]);
-		const ArrowIcon = useMemo(() => internalExpanded ? ArrowDownIcon : ArrowRightIcon, [internalExpanded]);
-		const onDragStart = useCallback((event) => {
-			if (expanded) {
-				event.dataTransfer.setData("text/plain", JSON.stringify({
-					index,
-					label
-				}));
-				const element = event.currentTarget;
-				element.style.opacity = "0.5";
-			}
-		}, [
-			expanded,
-			index,
-			label
-		]);
-		const onDragEnd = useCallback((event) => expanded ? onDragStopTrigger(event) : void 0, [expanded, onDragStopTrigger]);
-		const ariaExpanded = useMemo(() => {
-			if (hasHrefAndNoChildren && internalExpanded) return true;
-			if (hasHrefAndNoChildren && !internalExpanded) return false;
-		}, [hasHrefAndNoChildren, internalExpanded]);
-		return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Stack, {
-			alignItems: children && !noExpand ? "flex-start" : "center",
-			"aria-expanded": ariaExpanded,
-			as: containerTag,
-			className: cn(navigationStyle.itemContainer({
-				disabled,
-				hasActive: hasActiveChildren,
-				isActive: !!active,
-				noExpand,
-				expanding: animation === "expand"
-			}), navigationStyle.itemVariants({
-				shouldHaveWeakText,
-				showDraggableIcon,
-				showPinIcon
-			})),
-			"data-testid": dataTestId,
-			"data-flip-id": dataFlipId,
-			direction: "row",
-			disabled: containerTag === "button" ? disabled : void 0,
-			draggable: type === "pinned" && expanded,
-			gap: 1,
-			href,
-			id,
-			justifyContent: "space-between",
-			onClick: triggerToggle,
-			onDragEnd,
-			onDragStart,
-			rel,
-			style,
-			target,
-			children: [/* @__PURE__ */ jsx(ItemContent, {
-				active,
-				categoryIcon,
-				disabled,
-				hasActiveChildren,
-				label,
-				labelDescription,
-				noExpand,
-				subLabel,
-				type
-			}), animation === "collapse" ? null : /* @__PURE__ */ jsxs(Stack, {
-				alignItems: "center",
+function init_ItemExpanded() {
+	return (init_ItemExpanded = __esmMin(() => {
+		init_Stack();
+		init_NavigationProvider();
+		init_Badge();
+		init_Children();
+		init_Content();
+		init_PinnedButton();
+		init_styles_css();
+		ItemExpanded = ({ categoryIcon, containerTag, disabled, active, noExpand, subLabel, shouldShowPinnedButton, children, dataTestId, dataFlipId, type, href, rel, id, style, target, label, labelDescription, hasPinnedFeatureAndNoChildren, badgeText, badgeSentiment, isItemPinned, pinTooltipLocale, onClickPinUnpin, isPinDisabled, onToggle, index, onDragStopTrigger, toggle, hasActiveChildren }) => {
+			const context = useNavigation();
+			const [internalExpanded, onToggleExpand] = useReducer((prevState) => !prevState, Boolean(toggle));
+			if (!context) throw new Error("Navigation.Item can only be used inside a NavigationProvider.");
+			const { expanded, animation, pinnedFeature } = context;
+			const showDraggableIcon = !noExpand && pinnedFeature && shouldShowPinnedButton && !disabled;
+			const showPinIcon = !(noExpand || disabled) && shouldShowPinnedButton && pinnedFeature;
+			const shouldHaveWeakText = !!children && !active && shouldShowPinnedButton && !disabled;
+			const hasHrefAndNoChildren = href && !children;
+			const triggerToggle = useCallback(() => {
+				onToggleExpand();
+				onToggle === null || onToggle === void 0 || onToggle(internalExpanded);
+			}, [internalExpanded, onToggle]);
+			const ArrowIcon = useMemo(() => internalExpanded ? ArrowDownIcon : ArrowRightIcon, [internalExpanded]);
+			const onDragStart = useCallback((event) => {
+				if (expanded) {
+					event.dataTransfer.setData("text/plain", JSON.stringify({
+						index,
+						label
+					}));
+					const element = event.currentTarget;
+					element.style.opacity = "0.5";
+				}
+			}, [
+				expanded,
+				index,
+				label
+			]);
+			const onDragEnd = useCallback((event) => expanded ? onDragStopTrigger(event) : void 0, [expanded, onDragStopTrigger]);
+			const ariaExpanded = useMemo(() => {
+				if (hasHrefAndNoChildren && internalExpanded) return true;
+				if (hasHrefAndNoChildren && !internalExpanded) return false;
+			}, [hasHrefAndNoChildren, internalExpanded]);
+			return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Stack, {
+				alignItems: children && !noExpand ? "flex-start" : "center",
+				"aria-expanded": ariaExpanded,
+				as: containerTag,
+				className: cn(navigationStyle.itemContainer({
+					disabled,
+					hasActive: hasActiveChildren,
+					isActive: !!active,
+					noExpand,
+					expanding: animation === "expand"
+				}), navigationStyle.itemVariants({
+					shouldHaveWeakText,
+					showDraggableIcon,
+					showPinIcon
+				})),
+				"data-testid": dataTestId,
+				"data-flip-id": dataFlipId,
 				direction: "row",
-				gap: href ? 1 : void 0,
-				children: [
-					badgeText || hasPinnedFeatureAndNoChildren ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ItemBadge, {
-						badgeSentiment,
-						badgeText,
-						disabled
-					}), /* @__PURE__ */ jsx(ItemPinnedButton, {
-						active,
-						id,
-						isItemPinned,
-						isPinDisabled,
-						onClickPinUnpin,
-						pinTooltipLocale,
-						shouldShowPinnedButton
-					})] }) : null,
-					hasHrefAndNoChildren && target === "_blank" ? /* @__PURE__ */ jsx(OpenInNewIcon, {
-						disabled,
-						prominence: "default",
-						sentiment: "neutral"
-					}) : null,
-					children && !noExpand ? /* @__PURE__ */ jsx(ArrowIcon, {
-						className: navigationStyle.itemArrowIcon,
-						prominence: "weak",
-						sentiment: "neutral"
-					}) : null
-				]
-			})]
-		}), children && expanded ? /* @__PURE__ */ jsx(ItemChildren, {
-			internalExpanded,
-			noExpand,
-			type,
-			children
-		}) : null] });
-	};
-});
+				disabled: containerTag === "button" ? disabled : void 0,
+				draggable: type === "pinned" && expanded,
+				gap: 1,
+				href,
+				id,
+				justifyContent: "space-between",
+				onClick: triggerToggle,
+				onDragEnd,
+				onDragStart,
+				rel,
+				style,
+				target,
+				children: [/* @__PURE__ */ jsx(ItemContent, {
+					active,
+					categoryIcon,
+					disabled,
+					hasActiveChildren,
+					label,
+					labelDescription,
+					noExpand,
+					subLabel,
+					type
+				}), animation === "collapse" ? null : /* @__PURE__ */ jsxs(Stack, {
+					alignItems: "center",
+					direction: "row",
+					gap: href ? 1 : void 0,
+					children: [
+						badgeText || hasPinnedFeatureAndNoChildren ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ItemBadge, {
+							badgeSentiment,
+							badgeText,
+							disabled
+						}), /* @__PURE__ */ jsx(ItemPinnedButton, {
+							active,
+							id,
+							isItemPinned,
+							isPinDisabled,
+							onClickPinUnpin,
+							pinTooltipLocale,
+							shouldShowPinnedButton
+						})] }) : null,
+						hasHrefAndNoChildren && target === "_blank" ? /* @__PURE__ */ jsx(OpenInNewIcon, {
+							disabled,
+							prominence: "default",
+							sentiment: "neutral"
+						}) : null,
+						children && !noExpand ? /* @__PURE__ */ jsx(ArrowIcon, {
+							className: navigationStyle.itemArrowIcon,
+							prominence: "weak",
+							sentiment: "neutral"
+						}) : null
+					]
+				})]
+			}), children && expanded ? /* @__PURE__ */ jsx(ItemChildren, {
+				internalExpanded,
+				noExpand,
+				type,
+				children
+			}) : null] });
+		};
+	}))();
+}
 
 //#endregion
 init_ItemExpanded();

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

@@ -5,16 +5,18 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/compositions/Navigation/components/Item/ItemProvider.tsx
 var ItemContext, ItemProvider;
-var init_ItemProvider = __esmMin(() => {
-	ItemContext = createContext(false);
-	ItemProvider = ({ children }) => {
-		const value = useMemo(() => true, []);
-		return /* @__PURE__ */ jsx(ItemContext.Provider, {
-			value,
-			children
-		});
-	};
-});
+function init_ItemProvider() {
+	return (init_ItemProvider = __esmMin(() => {
+		ItemContext = createContext(false);
+		ItemProvider = ({ children }) => {
+			const value = useMemo(() => true, []);
+			return /* @__PURE__ */ jsx(ItemContext.Provider, {
+				value,
+				children
+			});
+		};
+	}))();
+}
 
 //#endregion
 init_ItemProvider();

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

@@ -9,52 +9,54 @@ import { UnpinIcon } from "@ultraviolet/icons/UnpinIcon";
 
 //#region src/compositions/Navigation/components/Item/PinnedButton.tsx
 var ItemPinnedButton;
-var init_PinnedButton = __esmMin(() => {
-	init_Tooltip();
-	init_NavigationProvider();
-	init_styles_css();
-	ItemPinnedButton = ({ shouldShowPinnedButton, isItemPinned, pinTooltipLocale, isPinDisabled, id, active, onClickPinUnpin }) => {
-		const context = useNavigation();
-		if (!context) throw new Error("Navigation.Item can only be used inside a NavigationProvider.");
-		const { locales, pinItem, unpinItem, pinnedItems, pinLimit } = context;
-		const PinUnpinIcon = useMemo(() => isItemPinned ? UnpinIcon : PinOutlineIcon, [isItemPinned]);
-		return shouldShowPinnedButton ? /* @__PURE__ */ jsx(Tooltip, {
-			placement: "right",
-			tabIndex: -1,
-			text: isItemPinned ? locales["navigation.unpin.tooltip"] : pinTooltipLocale,
-			children: /* @__PURE__ */ jsx("div", {
-				className: navigationStyle.itemRelative,
-				children: /* @__PURE__ */ jsx("button", {
-					"aria-disabled": isItemPinned ? false : isPinDisabled,
-					"aria-label": isItemPinned ? "unpin" : "pin",
-					className: navigationStyle.itemPinnedButton,
-					onClick: (event) => {
-						if (pinnedItems.length < pinLimit || isItemPinned) {
-							event.preventDefault();
-							event.stopPropagation();
-							let newValue;
-							if (isItemPinned) newValue = unpinItem(id);
-							else newValue = pinItem(id);
-							onClickPinUnpin === null || onClickPinUnpin === void 0 || onClickPinUnpin({
-								id,
-								state: isItemPinned ? "unpin" : "pin",
-								totalPinned: newValue
-							});
-						}
-					},
-					onKeyDown: () => {},
-					type: "button",
-					children: /* @__PURE__ */ jsx(PinUnpinIcon, {
-						className: navigationStyle.itemPinIcon[active ? "active" : "inactive"],
-						disabled: isItemPinned ? false : isPinDisabled,
-						sentiment: active ? "primary" : "neutral",
-						size: "medium"
+function init_PinnedButton() {
+	return (init_PinnedButton = __esmMin(() => {
+		init_Tooltip();
+		init_NavigationProvider();
+		init_styles_css();
+		ItemPinnedButton = ({ shouldShowPinnedButton, isItemPinned, pinTooltipLocale, isPinDisabled, id, active, onClickPinUnpin }) => {
+			const context = useNavigation();
+			if (!context) throw new Error("Navigation.Item can only be used inside a NavigationProvider.");
+			const { locales, pinItem, unpinItem, pinnedItems, pinLimit } = context;
+			const PinUnpinIcon = useMemo(() => isItemPinned ? UnpinIcon : PinOutlineIcon, [isItemPinned]);
+			return shouldShowPinnedButton ? /* @__PURE__ */ jsx(Tooltip, {
+				placement: "right",
+				tabIndex: -1,
+				text: isItemPinned ? locales["navigation.unpin.tooltip"] : pinTooltipLocale,
+				children: /* @__PURE__ */ jsx("div", {
+					className: navigationStyle.itemRelative,
+					children: /* @__PURE__ */ jsx("button", {
+						"aria-disabled": isItemPinned ? false : isPinDisabled,
+						"aria-label": isItemPinned ? "unpin" : "pin",
+						className: navigationStyle.itemPinnedButton,
+						onClick: (event) => {
+							if (pinnedItems.length < pinLimit || isItemPinned) {
+								event.preventDefault();
+								event.stopPropagation();
+								let newValue;
+								if (isItemPinned) newValue = unpinItem(id);
+								else newValue = pinItem(id);
+								onClickPinUnpin === null || onClickPinUnpin === void 0 || onClickPinUnpin({
+									id,
+									state: isItemPinned ? "unpin" : "pin",
+									totalPinned: newValue
+								});
+							}
+						},
+						onKeyDown: () => {},
+						type: "button",
+						children: /* @__PURE__ */ jsx(PinUnpinIcon, {
+							className: navigationStyle.itemPinIcon[active ? "active" : "inactive"],
+							disabled: isItemPinned ? false : isPinDisabled,
+							sentiment: active ? "primary" : "neutral",
+							size: "medium"
+						})
 					})
 				})
-			})
-		}) : null;
-	};
-});
+			}) : null;
+		};
+	}))();
+}
 
 //#endregion
 init_PinnedButton();

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

@@ -12,63 +12,65 @@ import { DotsHorizontalIcon } from "@ultraviolet/icons/DotsHorizontalIcon";
 
 //#region src/compositions/Navigation/components/Menu/Menu.tsx
 var ItemMenu;
-var init_Menu = __esmMin(() => {
-	init_Button();
-	init_Menu$1();
-	init_Stack();
-	init_Tooltip();
-	init_ItemProvider();
-	init_styles_css();
-	ItemMenu = ({ style, children, label, categoryIcon, active, hasActiveChildren, "data-flip-id": dataFlipId }) => /* @__PURE__ */ jsx(Stack, {
-		alignItems: "center",
-		gap: 1,
-		justifyContent: "flex-start",
-		style,
-		"data-flip-id": dataFlipId,
-		children: Children.count(children) > 0 ? /* @__PURE__ */ jsx(Menu, {
-			className: navigationStyle.itemMenuContainer,
-			disclosure: /* @__PURE__ */ jsx(Button, {
-				"aria-label": label,
-				sentiment: "neutral",
-				size: "small",
-				variant: hasActiveChildren ? "filled" : "ghost",
-				className: navigationStyle.itemCollapsed,
-				children: categoryIcon ? /* @__PURE__ */ jsx(Stack, {
-					alignItems: "center",
-					direction: "row",
-					gap: 1,
-					justifyContent: "center",
-					children: categoryIcon
-				}) : /* @__PURE__ */ jsx(DotsHorizontalIcon, {})
-			}),
-			dynamicDomRendering: false,
-			placement: "right",
-			triggerMethod: "hover",
-			children: /* @__PURE__ */ jsx(Menu.Group, {
-				label,
-				children: /* @__PURE__ */ jsx(ItemProvider, { children })
-			})
-		}) : /* @__PURE__ */ jsx(Tooltip, {
-			placement: "right",
-			tabIndex: -1,
-			text: label,
-			children: /* @__PURE__ */ jsx(Button, {
-				"aria-label": label,
-				sentiment: "neutral",
-				size: "small",
-				variant: active ? "filled" : "ghost",
-				className: navigationStyle.itemCollapsed,
-				children: /* @__PURE__ */ jsx(Stack, {
-					alignItems: "center",
-					direction: "row",
-					gap: 1,
-					justifyContent: "center",
-					children: categoryIcon !== null && categoryIcon !== void 0 ? categoryIcon : /* @__PURE__ */ jsx(OrganizationDashboardCategoryIcon, { variant: active ? "primary" : "neutral" })
+function init_Menu() {
+	return (init_Menu = __esmMin(() => {
+		init_Button();
+		init_Menu$1();
+		init_Stack();
+		init_Tooltip();
+		init_ItemProvider();
+		init_styles_css();
+		ItemMenu = ({ style, children, label, categoryIcon, active, hasActiveChildren, "data-flip-id": dataFlipId }) => /* @__PURE__ */ jsx(Stack, {
+			alignItems: "center",
+			gap: 1,
+			justifyContent: "flex-start",
+			style,
+			"data-flip-id": dataFlipId,
+			children: Children.count(children) > 0 ? /* @__PURE__ */ jsx(Menu, {
+				className: navigationStyle.itemMenuContainer,
+				disclosure: /* @__PURE__ */ jsx(Button, {
+					"aria-label": label,
+					sentiment: "neutral",
+					size: "small",
+					variant: hasActiveChildren ? "filled" : "ghost",
+					className: navigationStyle.itemCollapsed,
+					children: categoryIcon ? /* @__PURE__ */ jsx(Stack, {
+						alignItems: "center",
+						direction: "row",
+						gap: 1,
+						justifyContent: "center",
+						children: categoryIcon
+					}) : /* @__PURE__ */ jsx(DotsHorizontalIcon, {})
+				}),
+				dynamicDomRendering: false,
+				placement: "right",
+				triggerMethod: "hover",
+				children: /* @__PURE__ */ jsx(Menu.Group, {
+					label,
+					children: /* @__PURE__ */ jsx(ItemProvider, { children })
+				})
+			}) : /* @__PURE__ */ jsx(Tooltip, {
+				placement: "right",
+				tabIndex: -1,
+				text: label,
+				children: /* @__PURE__ */ jsx(Button, {
+					"aria-label": label,
+					sentiment: "neutral",
+					size: "small",
+					variant: active ? "filled" : "ghost",
+					className: navigationStyle.itemCollapsed,
+					children: /* @__PURE__ */ jsx(Stack, {
+						alignItems: "center",
+						direction: "row",
+						gap: 1,
+						justifyContent: "center",
+						children: categoryIcon !== null && categoryIcon !== void 0 ? categoryIcon : /* @__PURE__ */ jsx(OrganizationDashboardCategoryIcon, { variant: active ? "primary" : "neutral" })
+					})
 				})
 			})
-		})
-	});
-});
+		});
+	}))();
+}
 
 //#endregion
 init_Menu();