@box/blueprint-web 6.32.1 → 6.32.3

package/lib-esm/primitives/tabs/content-switch-tab.js

@@ -1,9 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Tab } from '@ariakit/react';
 import clsx from 'clsx';
-import { forwardRef, useRef } from 'react';
-import { useEnhancedEffect } from '../../utils/useEnhancedEffect.js';
-import { useTabsWidthContext } from './tabs-width-context.js';
+import { forwardRef } from 'react';
 import styles from './tabs.module.js';
 
 const ContentSwitchTab = /*#__PURE__*/forwardRef(function Tab$1(props, ref) {
@@ -12,29 +10,12 @@ const ContentSwitchTab = /*#__PURE__*/forwardRef(function Tab$1(props, ref) {
     children,
     ...rest
   } = props;
-  const widthSetterRef = useRef(null);
-  const {
-    minTabWidth,
-    addTabWidth
-  } = useTabsWidthContext();
-  useEnhancedEffect(() => {
-    const tabElement = widthSetterRef.current;
-    if (!tabElement) {
-      return;
-    }
-    const tabWidth = tabElement.getBoundingClientRect().width;
-    addTabWidth(tabWidth);
-  }, [addTabWidth]);
   return jsxs(Tab, {
     ...rest,
     ref: ref,
     className: clsx(styles.contentSwitchTab, className),
     children: [children, jsx("span", {
-      ref: widthSetterRef,
       className: styles.hiddenWidthSetter,
-      style: {
-        minWidth: minTabWidth
-      },
       children: children
     })]
   });

package/lib-esm/primitives/tabs/tabs.js

@@ -1,17 +1,14 @@
 import { jsx } from 'react/jsx-runtime';
 import { TabProvider } from '@ariakit/react';
-import { TabsWidthProvider } from './tabs-width-context.js';
 
 const Tabs = props => {
   const {
     children
   } = props;
-  return jsx(TabsWidthProvider, {
-    children: jsx(TabProvider, {
-      selectOnMove: false,
-      ...props,
-      children: children
-    })
+  return jsx(TabProvider, {
+    selectOnMove: false,
+    ...props,
+    children: children
   });
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "6.32.1",
+    "version": "6.32.3",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {
         "access": "public",
@@ -57,7 +57,7 @@
     "devDependencies": {
         "@box/storybook-utils": "^0.0.6"
     },
-    "gitHead": "25214c832bd6a2d554534298fc76f4e07e19ab4f",
+    "gitHead": "446007aaf0d040195648a9588cd76e6ca1d261e8",
     "module": "lib-esm/index.js",
     "main": "lib-esm/index.js",
     "exports": {

package/lib-esm/primitives/tabs/tabs-width-context.d.ts

@@ -1,17 +0,0 @@
-import { type ReactNode } from 'react';
-export interface TabsWidthContextData {
-    /**
-     * Minimum width of each rendered tab, derived from a tab with the longest label with minimal paddings.
-     */
-    minTabWidth: number;
-    /**
-     * Register width of a tab in context.
-     */
-    addTabWidth: (width: number) => void;
-}
-export interface TabsWidthContextProps {
-    children: ReactNode;
-}
-export declare const TabsWidthContext: import("react").Context<TabsWidthContextData | undefined>;
-export declare const useTabsWidthContext: () => TabsWidthContextData;
-export declare const TabsWidthProvider: (props: TabsWidthContextProps) => JSX.Element;

package/lib-esm/primitives/tabs/tabs-width-context.js

@@ -1,31 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useContext, useState, useCallback, useMemo, createContext } from 'react';
-
-const TabsWidthContext = /*#__PURE__*/createContext(undefined);
-const useTabsWidthContext = () => {
-  const tabsWidthContextData = useContext(TabsWidthContext);
-  if (!tabsWidthContextData) {
-    throw new Error('Tabs subcomponents must be wrapped in Tabs component.');
-  }
-  return tabsWidthContextData;
-};
-const TabsWidthProvider = props => {
-  const {
-    children
-  } = props;
-  const [tabWidths, setTabWidths] = useState([]);
-  const minTabWidth = Math.max(...tabWidths);
-  const addTabWidth = useCallback(width => {
-    setTabWidths(prev => [...prev, width]);
-  }, []);
-  const store = useMemo(() => ({
-    minTabWidth,
-    addTabWidth
-  }), [minTabWidth, addTabWidth]);
-  return jsx(TabsWidthContext.Provider, {
-    value: store,
-    children: children
-  });
-};
-
-export { TabsWidthContext, TabsWidthProvider, useTabsWidthContext };