@vectara/vectara-ui 16.2.0 → 16.3.0

package/lib/components/index.d.ts

@@ -82,7 +82,7 @@ import { VuiTable } from "./table/Table";
 import { VuiTab } from "./tabs/Tab";
 import { VuiTabbedRoutes } from "./tabs/TabbedRoutes";
 import { VuiTabs } from "./tabs/Tabs";
-import { VuiTabsNavigator } from "./tabs/TabNavigator";
+import { VuiTabsNavigator } from "./tabs/TabsNavigator";
 import { TAB_SIZE, TabSize } from "./tabs/types";
 import { VuiText } from "./typography/Text";
 import { VuiTextColor } from "./typography/TextColor";

package/lib/components/index.js

@@ -75,7 +75,7 @@ import { VuiTable } from "./table/Table";
 import { VuiTab } from "./tabs/Tab";
 import { VuiTabbedRoutes } from "./tabs/TabbedRoutes";
 import { VuiTabs } from "./tabs/Tabs";
-import { VuiTabsNavigator } from "./tabs/TabNavigator";
+import { VuiTabsNavigator } from "./tabs/TabsNavigator";
 import { TAB_SIZE } from "./tabs/types";
 import { VuiText } from "./typography/Text";
 import { VuiTextColor } from "./typography/TextColor";

package/lib/components/tabs/{TabNavigator.d.ts → TabsNavigator.d.ts}

@@ -3,6 +3,7 @@ import { TabRoute } from "./types";
 type Props = {
     routes: TabRoute[];
     popover?: Omit<PopoverProps, "header" | "isOpen" | "setIsOpen" | "button" | "children" | "padding">;
+    "data-testid"?: string;
 };
-export declare const VuiTabsNavigator: ({ routes, popover }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const VuiTabsNavigator: ({ routes, popover, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/tabs/{TabNavigator.js → TabsNavigator.js}

@@ -1,3 +1,14 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { VuiPopover } from "../popover/Popover";
@@ -6,8 +17,9 @@ import { VuiTabs } from "./Tabs";
 import { useVuiContext } from "../context/Context";
 import { VuiIcon } from "../icon/Icon";
 import { BiDotsVertical } from "react-icons/bi";
-export const VuiTabsNavigator = ({ routes, popover }) => {
-    var _a;
+export const VuiTabsNavigator = (_a) => {
+    var _b;
+    var { routes, popover } = _a, rest = __rest(_a, ["routes", "popover"]);
     const { getPath } = useVuiContext();
     const [isOpen, setIsOpen] = useState(false);
     const isRouteActive = (route) => {
@@ -15,7 +27,7 @@ export const VuiTabsNavigator = ({ routes, popover }) => {
         return (_a = route.isActive) !== null && _a !== void 0 ? _a : (route.href ? getPath().includes(route.href) : false);
     };
     const activeRoute = routes.find((route) => isRouteActive(route));
-    return (_jsx(VuiPopover, Object.assign({}, popover, { isOpen: isOpen, setIsOpen: () => setIsOpen(!isOpen), button: _jsx("button", Object.assign({ className: "vuiTabsNavigatorButton" }, { children: _jsxs("div", Object.assign({ className: "vuiTabsNavigatorButton__inner" }, { children: [_jsx(VuiIcon, Object.assign({ size: "xs" }, { children: _jsx(BiDotsVertical, {}) })), _jsx("div", { children: (_a = activeRoute === null || activeRoute === void 0 ? void 0 : activeRoute.title) !== null && _a !== void 0 ? _a : "No selection" })] })) })), padding: "none" }, { children: _jsx(VuiTabs, Object.assign({ size: "s", tabStyle: "enclosed", vertical: true }, { children: routes.map((route, index) => {
+    return (_jsx(VuiPopover, Object.assign({}, popover, { isOpen: isOpen, setIsOpen: () => setIsOpen(!isOpen), button: _jsx("button", Object.assign({ className: "vuiTabsNavigatorButton" }, rest, { children: _jsxs("div", Object.assign({ className: "vuiTabsNavigatorButton__inner" }, { children: [_jsx(VuiIcon, Object.assign({ size: "xs" }, { children: _jsx(BiDotsVertical, {}) })), _jsx("div", { children: (_b = activeRoute === null || activeRoute === void 0 ? void 0 : activeRoute.title) !== null && _b !== void 0 ? _b : "No selection" })] })) })), padding: "none" }, { children: _jsx(VuiTabs, Object.assign({ size: "s", tabStyle: "enclosed", vertical: true }, { children: routes.map((route, index) => {
                 const { href, onClick, title, render, testId } = route;
                 const tabLink = (_jsx(VuiTab, Object.assign({ href: href, isActive: isRouteActive(route), "data-testid": testId, onClick: () => {
                         onClick === null || onClick === void 0 ? void 0 : onClick();

package/package.json

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