@vectara/vectara-ui 13.5.0 → 13.7.0

package/lib/components/app/appSideNav/AppSideNavLink.d.ts

@@ -1,4 +1,5 @@
 import { TreeItem } from "../types";
 export declare const VuiAppSideNavLink: import("react").ForwardRefExoticComponent<Pick<TreeItem, "className" | "path" | "name" | "isSelected" | "iconBefore" | "iconAfter"> & {
     onClick?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
+    iconAfterAlignEnd?: boolean | undefined;
 } & import("react").RefAttributes<HTMLAnchorElement | null>>;

package/lib/components/app/appSideNav/AppSideNavLink.js

@@ -17,11 +17,11 @@ import { VuiIcon } from "../../icon/Icon";
 import { useVuiContext } from "../../context/Context";
 import { forwardRef } from "react";
 export const VuiAppSideNavLink = forwardRef((_a, ref) => {
-    var { path, onClick, name, iconBefore, iconAfter, isSelected, className } = _a, rest = __rest(_a, ["path", "onClick", "name", "iconBefore", "iconAfter", "isSelected", "className"]);
+    var { path, onClick, name, iconBefore, iconAfter, isSelected, className, iconAfterAlignEnd } = _a, rest = __rest(_a, ["path", "onClick", "name", "iconBefore", "iconAfter", "isSelected", "className", "iconAfterAlignEnd"]);
     const { createLink, getPath } = useVuiContext();
     const classes = classNames("vuiAppSideNavLink", {
         "vuiAppSideNavLink--active": isSelected !== null && isSelected !== void 0 ? isSelected : path === getPath()
     }, className);
-    const content = iconBefore || iconAfter ? (_jsxs(VuiFlexContainer, Object.assign({ alignItems: "center", spacing: "xxs" }, { children: [iconBefore && (_jsx(VuiFlexItem, Object.assign({ grow: false, shrink: false }, { children: _jsx(VuiIcon, Object.assign({ size: "s" }, { children: iconBefore })) }))), _jsx(VuiFlexItem, Object.assign({ grow: false, shrink: false }, { children: name })), iconAfter && (_jsx(VuiFlexItem, Object.assign({ grow: false, shrink: false }, { children: _jsx(VuiIcon, Object.assign({ size: "s" }, { children: iconAfter })) })))] }))) : (name);
+    const content = iconBefore || iconAfter ? (_jsxs(VuiFlexContainer, Object.assign({ alignItems: "center", spacing: "xxs" }, { children: [iconBefore && (_jsx(VuiFlexItem, Object.assign({ grow: false, shrink: false }, { children: _jsx(VuiIcon, Object.assign({ size: "s" }, { children: iconBefore })) }))), _jsx(VuiFlexItem, Object.assign({ grow: false, shrink: false }, { children: name })), iconAfter && (_jsx(VuiFlexItem, Object.assign({ grow: false, shrink: false, className: iconAfterAlignEnd ? "vuiAppSideNavLink__iconAfter--alignEnd" : undefined }, { children: _jsx(VuiIcon, Object.assign({ size: "s" }, { children: iconAfter })) })))] }))) : (name);
     return createLink(Object.assign({ ref, className: classes, children: content, href: path, onClick }, rest));
 });

package/lib/components/app/appSideNav/appSideNav.scss

@@ -74,6 +74,10 @@
   background-color: var(--vui-color-light-shade);
 }
 
+.vuiAppSideNavLink__iconAfter--alignEnd {
+  margin-left: auto;
+}
+
 .vuiAppSideNav--m {
   .vuiAppSideNav__inner {
     padding: 28px 32px 32px 33px;

package/lib/components/button/BaseButton.d.ts

@@ -19,6 +19,7 @@ export type BaseButtonProps = {
     href?: LinkProps["href"];
     target?: LinkProps["target"];
     track?: LinkProps["track"];
+    download?: LinkProps["download"];
     htmlFor?: string;
     tabIndex?: number;
     title?: string;

package/lib/components/button/BaseButton.js

@@ -66,6 +66,6 @@ export const BaseButton = forwardRef((_a, ref) => {
         onMouseOver,
         onMouseOut,
         onMouseMove,
-        tabIndex, ["type"]: isSubmit ? "submit" : "button", disabled: isDisabled }, rest);
+        tabIndex, type: isSubmit ? "submit" : "button", disabled: isDisabled }, rest);
     return (_jsxs("button", Object.assign({ className: classes }, props, { ref: ref }, { children: [iconContainer, children] })));
 });

package/lib/components/context/Context.js

@@ -15,10 +15,12 @@ import { LIGHT_THEME, DARK_THEME, toStyle } from "./Theme";
 const VuiContext = createContext(undefined);
 export const VuiContextProvider = ({ children, linkProvider, pathProvider, drawerTitle = "h2", theme = LIGHT_THEME, portalContainer = document.body, isThemeIsolated }) => {
     const createLink = (linkConfig) => {
-        if (linkProvider)
-            return linkProvider(linkConfig);
-        const { className, href, onClick, children, ref } = linkConfig, rest = __rest(linkConfig, ["className", "href", "onClick", "children", "ref"]);
-        return (_jsx("a", Object.assign({ className: className, href: href, onClick: onClick }, rest, { children: children })));
+        if (!linkProvider || linkConfig.download) {
+            const { className, href, onClick, children, ref } = linkConfig, rest = __rest(linkConfig, ["className", "href", "onClick", "children", "ref"]);
+            // To support downloads, we must use anchor tags, not a react-router Link.
+            return (_jsx("a", Object.assign({ className: className, href: href, onClick: onClick }, rest, { children: children })));
+        }
+        return linkProvider(linkConfig);
     };
     const getPath = () => {
         return pathProvider ? pathProvider() : window.location.pathname;

package/lib/components/link/types.d.ts

@@ -16,4 +16,5 @@ export type LinkProps = {
     tabIndex?: number;
     "data-testid"?: string;
     ref?: ForwardedRef<HTMLAnchorElement | null>;
+    download?: string;
 };

package/lib/styles/index.css

@@ -453,6 +453,10 @@ fieldset {
   background-color: var(--vui-color-light-shade);
 }
 
+.vuiAppSideNavLink__iconAfter--alignEnd {
+  margin-left: auto;
+}
+
 .vuiAppSideNav--m .vuiAppSideNav__inner {
   padding: 28px 32px 32px 33px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vectara/vectara-ui",
-  "version": "13.5.0",
+  "version": "13.7.0",
   "homepage": "./",
   "description": "Vectara's design system, codified as a React and Sass component library",
   "author": "Vectara",