@atom-learning/components 6.15.0 → 6.16.0-beta.1

package/dist/index.cjs.js

@@ -486,6 +486,17 @@ var getExternalAnchorProps = (url) => isExternalUrl(url) ? {
 	rel: "noopener noreferrer"
 } : {};
 //#endregion
+//#region src/components/router-provider/RouterProvider.tsx
+var RouterContext = react.createContext({});
+var RouterProvider = ({ link, children }) => /* @__PURE__ */ react.createElement(RouterContext.Provider, { value: { link } }, children);
+var isAbsoluteUrl = (url) => /^https?:\/\//.test(url || "");
+var useRouterLinkProps = (href, { reloadDocument } = {}) => {
+	const { link } = react.useContext(RouterContext);
+	if (!link || !href || isAbsoluteUrl(href) || reloadDocument) return {};
+	return { as: link };
+};
+RouterProvider.displayName = "RouterProvider";
+//#endregion
 //#region src/components/action-icon/ActionIcon.constants.ts
 var ActionIconSizeMap = {
 	xs: "sm",
@@ -590,11 +601,12 @@ var StyledButton$5 = styled("button", {
 		isRounded: { true: ["rounded-full"] }
 	}
 }, { enabledResponsiveVariants: true });
-var ActionIcon = react.forwardRef(({ children, theme = "primary", appearance = "simple", size = "sm", label, href, disabled, hasTooltip = true, tooltipSide, ...remainingProps }, ref) => {
+var ActionIcon = react.forwardRef(({ children, theme = "primary", appearance = "simple", size = "sm", label, href, disabled, hasTooltip = true, tooltipSide, reloadDocument, ...remainingProps }, ref) => {
 	const INVALID_CHILDREN_MESSAGE = `A single ${Icon.displayName} component is permitted as a child of ${ActionIcon.displayName}`;
 	(0, invariant.default)(react.Children.count(children) === 1, INVALID_CHILDREN_MESSAGE);
+	const routerLinkProps = useRouterLinkProps(href, { reloadDocument });
 	const optionalLinkProps = href ? {
-		as: "a",
+		as: routerLinkProps.as || "a",
 		href: disabled ? void 0 : href,
 		onClick: void 0,
 		"aria-disabled": !!disabled
@@ -848,19 +860,22 @@ var LoaderContentsWrapper = styled("span", {
 	defaultVariants: { size: "md" }
 }, { enabledResponsiveVariants: true });
 var WithLoader = ({ size, children }) => /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement(Loader, { className: "absolute" }), /* @__PURE__ */ react.createElement(LoaderContentsWrapper, { size }, children));
-var Button = react.forwardRef(({ children, as, href, isLoading = false, onClick, disabled, ...rest }, ref) => /* @__PURE__ */ react.createElement(StyledButton, {
-	as: as || (href ? "a" : void 0),
-	...!disabled && !isLoading && {
-		href,
-		onClick
-	},
-	isLoading,
-	type: !href ? "button" : void 0,
-	disabled,
-	...rest,
-	...getExternalAnchorProps(href),
-	ref
-}, isLoading ? /* @__PURE__ */ react.createElement(WithLoader, { size: rest.size }, children) : children));
+var Button = react.forwardRef(({ children, as, href, isLoading = false, onClick, disabled, reloadDocument, ...rest }, ref) => {
+	const routerLinkProps = useRouterLinkProps(href, { reloadDocument });
+	return /* @__PURE__ */ react.createElement(StyledButton, {
+		as: as || routerLinkProps.as || (href ? "a" : void 0),
+		...!disabled && !isLoading && {
+			href,
+			onClick
+		},
+		isLoading,
+		type: !href ? "button" : void 0,
+		disabled,
+		...rest,
+		...getExternalAnchorProps(href),
+		ref
+	}, isLoading ? /* @__PURE__ */ react.createElement(WithLoader, { size: rest.size }, children) : children);
+});
 Button.displayName = "Button";
 //#endregion
 //#region src/components/heading/Heading.tsx
@@ -3297,15 +3312,18 @@ var StyledLink = styled("a", {
 	},
 	defaultVariants: { size: "md" }
 }, { enabledResponsiveVariants: true });
-var Link = react.forwardRef(({ as, disabled, href, ...rest }, ref) => /* @__PURE__ */ react.createElement(StyledLink, {
-	as: as || (!href ? "button" : void 0),
-	noCapsize: !href ? true : void 0,
-	href,
-	...disabled && { disabled: true },
-	...rest,
-	...getExternalAnchorProps(href),
-	ref
-}));
+var Link = react.forwardRef(({ as, disabled, href, reloadDocument, ...rest }, ref) => {
+	const routerLinkProps = useRouterLinkProps(href, { reloadDocument });
+	return /* @__PURE__ */ react.createElement(StyledLink, {
+		as: as || routerLinkProps.as || (!href ? "button" : void 0),
+		noCapsize: !href ? true : void 0,
+		href,
+		...disabled && { disabled: true },
+		...rest,
+		...getExternalAnchorProps(href),
+		ref
+	});
+});
 Link.displayName = "Link";
 //#endregion
 //#region src/components/field-wrapper/FieldWrapper.tsx
@@ -6090,14 +6108,18 @@ var DropdownMenuItem = styled(_radix_ui_react_dropdown_menu.Item, { base: [
 //#endregion
 //#region src/components/dropdown-menu/DropdownMenuLinkItem.tsx
 var StyledLink$2 = styled("a", { base: ["no-underline"] });
-var DropdownMenuLinkItem = ({ children, href, ...props }) => /* @__PURE__ */ react.default.createElement(DropdownMenuItem, {
-	...props,
-	asChild: true
-}, /* @__PURE__ */ react.default.createElement(StyledLink$2, {
-	href,
-	role: "menuitem",
-	...getExternalAnchorProps(href)
-}, children));
+var DropdownMenuLinkItem = ({ children, href, reloadDocument, ...props }) => {
+	const routerLinkProps = useRouterLinkProps(href, { reloadDocument });
+	return /* @__PURE__ */ react.default.createElement(DropdownMenuItem, {
+		...props,
+		asChild: true
+	}, /* @__PURE__ */ react.default.createElement(StyledLink$2, {
+		as: routerLinkProps.as,
+		href,
+		role: "menuitem",
+		...getExternalAnchorProps(href)
+	}, children));
+};
 //#endregion
 //#region src/components/dropdown-menu/DropdownMenuSeparator.tsx
 var DropdownMenuSeparator = styled(_radix_ui_react_dropdown_menu.Separator, { base: [
@@ -6947,9 +6969,10 @@ var StyledNavigationMenuVerticalLink = styled(_radix_ui_react_navigation_menu.Li
 		lg: ["min-h-12"]
 	} }
 });
-var NavigationMenuVerticalLink = ({ as, href, children, ...rest }) => {
-	const Component = as || (href ? "a" : "button");
-	const componentProps = as ? {} : href ? getExternalAnchorProps(href) : { type: "button" };
+var NavigationMenuVerticalLink = ({ as, href, children, reloadDocument, ...rest }) => {
+	const routerLinkProps = useRouterLinkProps(href, { reloadDocument });
+	const Component = as || routerLinkProps.as || (href ? "a" : "button");
+	const componentProps = as || routerLinkProps.as ? {} : href ? getExternalAnchorProps(href) : { type: "button" };
 	return /* @__PURE__ */ react.default.createElement(NavigationMenuVerticalItem, null, /* @__PURE__ */ react.default.createElement(StyledNavigationMenuVerticalLink, {
 		size: "lg",
 		href,
@@ -8903,9 +8926,10 @@ var StyledTileInteractive = styled(Tile, { base: [
 	"not-disabled:transition-transform",
 	"not-disabled:translate-y-0"
 ] });
-var TileInteractive = react.default.forwardRef(({ onClick, href, type = "button", as, ...rest }, ref) => {
+var TileInteractive = react.default.forwardRef(({ onClick, href, type = "button", as, reloadDocument, ...rest }, ref) => {
+	const routerLinkProps = useRouterLinkProps(href, { reloadDocument });
 	const elementSpecificProps = !!href ? {
-		as: as || "a",
+		as: as || routerLinkProps.as || "a",
 		href,
 		onClick: void 0
 	} : {
@@ -9963,6 +9987,7 @@ exports.RadioButtonField = RadioButtonField;
 exports.RadioButtonGroup = RadioButtonGroup;
 exports.RadioCard = RadioCard;
 exports.RadioCardGroup = RadioCardGroup;
+exports.RouterProvider = RouterProvider;
 exports.SearchField = SearchField;
 exports.SearchInput = SearchInput;
 exports.SectionMessage = SectionMessage;