@vectara/vectara-ui 13.6.0 → 13.8.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/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/lib/utils/index.d.ts

@@ -1,2 +1,5 @@
 export { formatDate } from "./formatDate";
 export { truncateStart, truncateEnd } from "./truncateString";
+export { testIdify } from "./testIdify";
+export { copyToClipboard } from "./copyToClipboard";
+export { createId } from "./createId";

package/lib/utils/index.js

@@ -1,2 +1,5 @@
 export { formatDate } from "./formatDate";
 export { truncateStart, truncateEnd } from "./truncateString";
+export { testIdify } from "./testIdify";
+export { copyToClipboard } from "./copyToClipboard";
+export { createId } from "./createId";

package/lib/utils/testIdify.d.ts

@@ -0,0 +1 @@
+export declare const testIdify: (str?: string) => string;

package/lib/utils/testIdify.js

@@ -0,0 +1,7 @@
+// Convert a string into a value that's safe to use as a data-testid attribute.
+export const testIdify = (str) => {
+    if (!str) {
+        return "";
+    }
+    return str.replace(/ /g, "-").replace(/[@.+]/g, "-");
+};

package/lib/utils/testIdify.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/utils/testIdify.test.js

@@ -0,0 +1,12 @@
+import { testIdify } from "./testIdify";
+describe("testIdify", () => {
+    test("replaces spaces with dashes", () => {
+        expect(testIdify("selectPromptTemplateButton-Custom prompt template-1.0")).toBe("selectPromptTemplateButton-Custom-prompt-template-1-0");
+    });
+    test("replaces @ . and + with dashes", () => {
+        expect(testIdify("user@example.com+tag")).toBe("user-example-com-tag");
+    });
+    test("handles multiple special characters", () => {
+        expect(testIdify("prompt@vectara.com + settings")).toBe("prompt-vectara-com---settings");
+    });
+});

package/package.json

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