react-better-html 1.1.270 → 1.1.272

package/dist/index.mjs

@@ -7470,22 +7470,33 @@ var Tooltip_default = Tooltip2;
 
 // src/components/Tabs.tsx
 import { forwardRef as forwardRef17, memo as memo25, useCallback as useCallback16, useEffect as useEffect14, useImperativeHandle as useImperativeHandle4, useMemo as useMemo11, useRef as useRef8, useState as useState13 } from "react";
-import { useBetterCoreContext as useBetterCoreContext10, useTheme as useTheme27 } from "react-better-core";
+import { useTheme as useTheme27 } from "react-better-core";
 import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
 var tabBottomLineWidth = 2;
 var tabDotSize = 6;
 var defaultTabName = "tab";
-var TabsComponent = forwardRef17(function Tabs({ tabs, name, accentColor, style = "default", gap, noBottomLine, onChange, children, ...props }, ref) {
+var TabsComponent = forwardRef17(function Tabs({
+  tabs,
+  name,
+  accentColor,
+  style = "default",
+  gap,
+  noBottomLine,
+  keepUrlHistory = true,
+  onChange,
+  children,
+  ...props
+}, ref) {
   const reactRouterDomPlugin2 = usePlugin("react-router-dom");
   const theme2 = useTheme27();
   const urlQuery = reactRouterDomPlugin2 ? useUrlQuery() : void 0;
   const { componentsState } = useBetterHtmlContextInternal();
-  const { colorTheme } = useBetterCoreContext10();
   const firstRenderPassedRef = useRef8(false);
   const tabsRef = useRef8({});
   const tabsGap = gap ?? (style === "box" ? theme2.styles.gap / 2 : 0);
   const [selectedTabId, setSelectedTabId] = useState13(() => {
     const selectedTabId2 = tabs[0];
+    if (!selectedTabId2) return "";
     if (urlQuery) {
       const tabQueryValue = urlQuery.getQuery(name ?? defaultTabName);
       if (!tabQueryValue) return selectedTabId2.id;
@@ -7500,12 +7511,15 @@ var TabsComponent = forwardRef17(function Tabs({ tabs, name, accentColor, style
       setSelectedTabId(tabId);
       onChange?.(tabId);
       if (urlQuery) {
-        urlQuery.setQuery({
-          [name ?? defaultTabName]: tabId
-        });
+        urlQuery.setQuery(
+          {
+            [name ?? defaultTabName]: tabId
+          },
+          keepUrlHistory
+        );
       }
     },
-    [onChange, name, urlQuery]
+    [onChange, name, urlQuery, keepUrlHistory]
   );
   const width = useMemo11(
     () => tabsRef.current[selectedTabId]?.getBoundingClientRect().width ?? 0,
@@ -7830,7 +7844,7 @@ import { createContext as createContext2, memo as memo27, useCallback as useCall
 import {
   calculateColorContrast,
   lightenColor as lightenColor3,
-  useBetterCoreContext as useBetterCoreContext11,
+  useBetterCoreContext as useBetterCoreContext10,
   useBooleanState as useBooleanState8,
   useTheme as useTheme29
 } from "react-better-core";
@@ -7856,7 +7870,7 @@ var MenuItemTypeItem = memo27(function MenuItemTypeItem2({
   const theme2 = useTheme29();
   const mediaQuery = useMediaQuery();
   const { components, sideMenuIsCollapsed, setSideMenuIsCollapsed } = useBetterHtmlContextInternal();
-  const { colorTheme } = useBetterCoreContext11();
+  const { colorTheme } = useBetterCoreContext10();
   const { activeItem, setActiveItem } = useSideMenuContext();
   const [isOpened, setIsOpened] = useBooleanState8();
   const isCollapsed = sideMenuIsCollapsed && !mediaQuery.size1000;