@payfit/unity-components 2.29.6 → 2.29.8

package/dist/esm/integrations/tanstack-router/components/tabs/Tabs.js

@@ -1,41 +1,71 @@
-import { jsx as i } from "react/jsx-runtime";
-import { useLocation as f, useNavigate as p, useChildMatches as I } from "@tanstack/react-router";
-import { RouterProvider as v } from "react-aria-components";
-import { Tabs as R } from "../../../../components/tabs/Tabs.js";
-function S({
-  children: a,
-  selectedKey: u,
-  onSelectionChange: c,
-  routeMatch: d = "fuzzy",
+import { jsx as l } from "react/jsx-runtime";
+import { Children as I, isValidElement as R } from "react";
+import { useLocation as b, useNavigate as v, useRouter as K, useChildMatches as C } from "@tanstack/react-router";
+import { RouterProvider as N } from "react-aria-components";
+import { Tabs as T } from "../../../../components/tabs/Tabs.js";
+function j(t) {
+  return typeof t == "object" && t !== null;
+}
+function x(t) {
+  return typeof t == "string" || typeof t == "number";
+}
+function h(t, c, a) {
+  let o;
+  return I.forEach(t, (s) => {
+    if (o || !R(s)) return;
+    const e = s.props;
+    if (j(e)) {
+      if ("search" in e && ("to" in e || "href" in e))
+        try {
+          const u = c.buildLocation(e);
+          if (u.href === a) {
+            o = x(e.id) ? e.id : u.href;
+            return;
+          }
+        } catch {
+        }
+      "children" in e && (o = h(
+        e.children,
+        c,
+        a
+      ));
+    }
+  }), o;
+}
+function $({
+  children: t,
+  selectedKey: c,
+  onSelectionChange: a,
+  routeMatch: o = "fuzzy",
   ...s
 }) {
-  const g = f(), l = p(), r = I({
-    select: (e) => {
-      if (e.length !== 0)
-        return d === "exact" ? e.reduce((t, o) => {
-          const n = String(t.routeId);
-          return String(o.routeId).length > n.length ? o : t;
-        }) : e.reduce((t, o) => {
-          const n = String(t.routeId);
-          return String(o.routeId).length < n.length ? o : t;
+  const e = b(), u = v(), p = K(), f = C({
+    select: (n) => {
+      if (n.length !== 0)
+        return o === "exact" ? n.reduce((r, i) => {
+          const d = String(r.routeId);
+          return String(i.routeId).length > d.length ? i : r;
+        }) : n.reduce((r, i) => {
+          const d = String(r.routeId);
+          return String(i.routeId).length < d.length ? i : r;
         });
     }
-  }), h = u ?? (r ? r.pathname : void 0) ?? g.pathname;
-  return /* @__PURE__ */ i(v, { navigate: (e) => {
-    l({ to: e });
-  }, children: /* @__PURE__ */ i(
-    R,
+  }), g = `${e.pathname}${e.searchStr}`, m = typeof t == "function" ? void 0 : h(t, p, g), y = (f ? f.pathname : void 0) ?? e.pathname;
+  return /* @__PURE__ */ l(N, { navigate: (n) => {
+    u({ href: n });
+  }, children: /* @__PURE__ */ l(
+    T,
     {
       ...s,
-      selectedKey: h,
-      onSelectionChange: (e) => {
-        c?.(e);
+      selectedKey: c ?? m ?? y,
+      onSelectionChange: (n) => {
+        a?.(n);
       },
-      children: a
+      children: t
     }
   ) });
 }
-S.displayName = "Tabs";
+$.displayName = "Tabs";
 export {
-  S as Tabs
+  $ as Tabs
 };

package/dist/esm/integrations/tanstack-router/components/tabs/parts/Tab.js

@@ -1,23 +1,23 @@
-import { createElement as s } from "react";
-import { useLinkProps as a, createLink as f } from "@tanstack/react-router";
+import { createElement as c } from "react";
+import { useLinkProps as p, createLink as f } from "@tanstack/react-router";
 import { RawTab as m } from "../../../../../components/tabs/parts/RawTab.js";
-const p = f(m);
-function c(e) {
-  const { suffixElement: t, id: i, ...o } = e, n = a(o), r = i ?? n.href ?? o.to;
+const l = f(m);
+function h(e) {
+  const { suffixElement: s, id: i, ...o } = e, t = p(o).href, n = t ? t.split("?")[0] : void 0, a = "search" in o ? t : n, r = i ?? a ?? o.to;
   return (
     // @ts-expect-error - Complex type intersection between router props and component props
-    /* @__PURE__ */ s(
-      p,
+    /* @__PURE__ */ c(
+      l,
       {
         ...o,
         key: r,
-        suffix: t,
+        suffix: s,
         id: r
       }
     )
   );
 }
-c.displayName = "Tab";
+h.displayName = "Tab";
 export {
-  c as Tab
+  h as Tab
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payfit/unity-components",
-  "version": "2.29.6",
+  "version": "2.29.8",
   "module": "./dist/esm/index.js",
   "type": "module",
   "sideEffects": false,
@@ -42,7 +42,7 @@
     "@hookform/devtools": "4.4.0",
     "@hookform/resolvers": "5.2.1",
     "@internationalized/date": "3.12.1",
-    "@payfit/unity-illustrations": "2.29.6",
+    "@payfit/unity-illustrations": "2.29.8",
     "@radix-ui/react-avatar": "1.1.11",
     "@radix-ui/react-slot": "1.2.4",
     "@react-aria/interactions": "3.28.0",
@@ -74,8 +74,8 @@
   },
   "peerDependencies": {
     "@hookform/devtools": "^4",
-    "@payfit/unity-icons": "2.29.6",
-    "@payfit/unity-themes": "2.29.6",
+    "@payfit/unity-icons": "2.29.8",
+    "@payfit/unity-themes": "2.29.8",
     "@storybook/react-vite": "^10.3.2",
     "@tanstack/react-query": "^5",
     "@tanstack/react-router": "^1.131",
@@ -89,9 +89,9 @@
     "@figma/code-connect": "1.4.3",
     "@hookform/devtools": "4.4.0",
     "@internationalized/date": "3.12.1",
-    "@payfit/unity-icons": "2.29.6",
-    "@payfit/unity-illustrations": "2.29.6",
-    "@payfit/unity-themes": "2.29.6",
+    "@payfit/unity-icons": "2.29.8",
+    "@payfit/unity-illustrations": "2.29.8",
+    "@payfit/unity-themes": "2.29.8",
     "@storybook/addon-a11y": "10.3.5",
     "@storybook/addon-designs": "11.1.3",
     "@storybook/addon-docs": "10.3.5",