@phillips/seldon 1.86.0 → 1.87.0

package/dist/components/Tabs/TabTrigger.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-export interface TabTriggerProps extends ComponentProps<'div'> {
+export interface TabTriggerProps extends Omit<ComponentProps<'div'>, 'onClick'> {
     /**
      * Value corresponding to the tab
      */
@@ -9,7 +9,7 @@ export interface TabTriggerProps extends ComponentProps<'div'> {
      * @param value
      * @returns
      */
-    onTabClick?: (value: string) => void;
+    onClick?: (value: string) => void;
     /**
      * Tab label
      */

package/dist/components/Tabs/TabTrigger.js

@@ -1,12 +1,19 @@
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as g } from "react";
-import { getCommonProps as f } from "../../utils/index.js";
-import { Trigger as n } from "../../node_modules/@radix-ui/react-tabs/dist/index.js";
-const p = g(({ value: r, onTabClick: o, children: a, ...s }, e) => {
-  const m = () => {
-    o && o(r);
-  }, { className: t } = f(s, "TabsContainer");
-  return /* @__PURE__ */ i(n, { value: r, className: `${t}__tabs-trigger`, onClick: m, ref: e, children: a });
+import { jsx as t } from "react/jsx-runtime";
+import { Trigger as g } from "../../node_modules/@radix-ui/react-tabs/dist/index.js";
+import { forwardRef as f } from "react";
+import { getCommonProps as i } from "../../utils/index.js";
+const p = f(({ value: a, onClick: r, children: s, ...e }, m) => {
+  const { className: o } = i(e, "TabsContainer");
+  return /* @__PURE__ */ t(
+    g,
+    {
+      value: a,
+      className: `${o}__tabs-trigger`,
+      onClick: () => r == null ? void 0 : r(a),
+      ref: m,
+      children: s
+    }
+  );
 });
 p.displayName = "TabTrigger";
 export {

package/dist/components/Tabs/Tabs.stories.d.ts

@@ -16,4 +16,5 @@ export declare const Playground: {
     argTypes: {};
 };
 export declare const BrowseTabSelected: () => import("react/jsx-runtime").JSX.Element;
+export declare const ControlledTabs: () => import("react/jsx-runtime").JSX.Element;
 export declare const ComponentLabels: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Tabs/TabsContainer.d.ts

@@ -1,4 +1,5 @@
 import { ComponentProps } from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
 export interface Tab {
     /**
      * button label
@@ -15,7 +16,7 @@ export interface Tab {
  * @param {TabsContainerProps} props - The component props containing an array of tabs.
  * @returns {JSX.Element} The rendered tab component.
  */
-export interface TabsContainerProps extends ComponentProps<'div'> {
+export interface TabsContainerProps extends TabsPrimitive.TabsProps, Omit<ComponentProps<'div'>, 'dir'> {
     tabs: Tab[];
     /**
      * Specify the default tab
@@ -25,6 +26,10 @@ export interface TabsContainerProps extends ComponentProps<'div'> {
      * Aria-label for specific tab list view
      */
     tabListLabel?: string;
+    /**
+     * Optional value for controlled tabs
+     */
+    value?: string;
     /**
      * Optional handler when a tab is clicked
      */

package/dist/components/Tabs/TabsContainer.js

@@ -1,30 +1,32 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-import { getCommonProps as u } from "../../utils/index.js";
-import b from "../../node_modules/classnames/index.js";
-import { Root as T, List as N } from "../../node_modules/@radix-ui/react-tabs/dist/index.js";
-import g from "./TabTrigger.js";
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { Root as u, List as b } from "../../node_modules/@radix-ui/react-tabs/dist/index.js";
+import T from "../../node_modules/classnames/index.js";
+import { forwardRef as N } from "react";
+import { getCommonProps as g } from "../../utils/index.js";
 import { TextVariants as v } from "../Text/types.js";
-import _ from "../Text/Text.js";
-const x = d(
-  ({ className: l, tabs: s = [], tabListLabel: m = "Sale Page Tabs", children: t, defaultValue: i, onTabClick: n, ...c }, f) => {
-    const { className: a, ...p } = u(c, "TabsContainer");
-    return /* @__PURE__ */ o(
-      T,
+import C from "../Text/Text.js";
+import _ from "./TabTrigger.js";
+const x = N(
+  ({ className: m, tabs: o = [], tabListLabel: i = "Sale Page Tabs", children: t, defaultValue: n, value: c, onTabClick: f, ...s }, d) => {
+    const { className: a, ...p } = g(s, "TabsContainer");
+    return /* @__PURE__ */ l(
+      u,
       {
-        defaultValue: i || s[0].value,
+        ...s,
+        defaultValue: n || o[0].value,
+        value: c,
         ...p,
-        className: b(`${a}`, l),
-        ref: f,
+        className: T(`${a}`, m),
+        ref: d,
         children: [
-          /* @__PURE__ */ o(N, { "aria-label": m, className: `${a}__tabs-list`, children: [
-            s.map((e) => /* @__PURE__ */ r(
-              g,
+          /* @__PURE__ */ l(b, { "aria-label": i, className: `${a}__tabs-list`, children: [
+            o.map((e) => /* @__PURE__ */ r(
+              _,
               {
                 value: e.value,
                 className: `${a}__tabs-trigger`,
-                onTabClick: n,
-                children: /* @__PURE__ */ r(_, { variant: v.label, children: e.label })
+                onClick: f,
+                children: /* @__PURE__ */ r(C, { variant: v.label, children: e.label })
               },
               e.value
             )),

package/dist/node_modules/exenv/index.js

@@ -1,4 +1,4 @@
-import { __module as t } from "../../_virtual/index6.js";
+import { __module as t } from "../../_virtual/index5.js";
 /*!
   Copyright (c) 2015 Jed Watson.
   Based on code that is Copyright 2013-2015, Facebook, Inc.

package/dist/node_modules/prop-types/node_modules/react-is/index.js

@@ -1,4 +1,4 @@
-import { __module as e } from "../../../../_virtual/index5.js";
+import { __module as e } from "../../../../_virtual/index6.js";
 import { __require as o } from "./cjs/react-is.production.min.js";
 import { __require as t } from "./cjs/react-is.development.js";
 var r;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.86.0",
+  "version": "1.87.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"