@lax-wp/design-system 0.3.1 → 0.3.2

package/dist/components/navigation/tab-switch/TabSwitch.d.ts

@@ -1,4 +1,4 @@
-import type { TSwitchProps, TTypeKey } from './types';
+import type { TSwitchProps, TTypeKey, TNavigationUtils } from './types';
 import type { ReactNode } from 'react';
 type TProps<T extends TTypeKey> = TSwitchProps<T> & {
     iconsOnly?: boolean;
@@ -6,6 +6,7 @@ type TProps<T extends TTypeKey> = TSwitchProps<T> & {
     disableAnimation?: boolean;
     tabOptions?: ReactNode;
     color?: string;
+    navigationUtils?: TNavigationUtils;
 };
 declare const TabSwitch: <T extends TTypeKey>(props: TProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default TabSwitch;

package/dist/components/navigation/tab-switch/index.d.ts

@@ -1,4 +1,4 @@
 export { default as TabSwitch } from './TabSwitch';
 export { Children as TabSwitchChildren } from './Children';
-export { useResolveTo } from './useResolveTo';
+export { resolveTo } from './useResolveTo';
 export * from './types';

package/dist/components/navigation/tab-switch/types.d.ts

@@ -1,8 +1,11 @@
-import type { HTMLAttributes, ReactNode } from 'react';
-import type { LinkProps } from 'react-router-dom';
+import type { ComponentType, HTMLAttributes, ReactNode } from 'react';
 export type THtmlButton = HTMLAttributes<HTMLButtonElement>;
 export type THtmlAnchor = HTMLAttributes<HTMLAnchorElement>;
-export type TBaseLinkProps = LinkProps & HTMLAttributes<HTMLAnchorElement>;
+export type TBaseLinkProps = {
+    to: string;
+    className?: string;
+    children?: ReactNode;
+} & HTMLAttributes<HTMLAnchorElement>;
 export type TChildrenElement = JSX.Element | JSX.Element[];
 export type TChildren = string | TChildrenElement | null;
 export type TSize = 'sm' | 'md' | 'lg';
@@ -14,6 +17,11 @@ export type TResolveToConfig = {
     resolver?(title?: string): string;
     onResolve?(searchParams?: URLSearchParams): void;
 };
+export type TNavigationUtils = {
+    searchParams: URLSearchParams;
+    navigate: (path: string) => void;
+    LinkComponent: ComponentType<TBaseLinkProps>;
+};
 export type TPassedProps<T extends string = string> = {
     linkConfig?: TResolveToConfig;
     size?: TSize;

package/dist/components/navigation/tab-switch/useResolveTo.d.ts

@@ -1,2 +1,2 @@
 import type { TResolveToConfig } from './types';
-export declare const useResolveTo: (title: string, config?: TResolveToConfig) => string;
+export declare const resolveTo: (title: string, searchParams: URLSearchParams, config?: TResolveToConfig) => string;

package/dist/components/navigation/tabs/Tabs.d.ts

@@ -1,4 +1,5 @@
 import type { CommonContextProps, SetTabSettingsAction, TabSettingSelector, TabUtilServices, TBaseTabProps, TPassedProps, TSuffixRecord } from './types';
+import type { TNavigationUtils } from '../tab-switch/types';
 import type { ReactNode, ComponentType } from 'react';
 import type { OptionButtonProps } from '../../buttons/option-button/OptionButton';
 /**
@@ -118,13 +119,8 @@ export type TabsProps<T extends string> = TBaseTabProps<T> & TPassedProps & {
     useEventListener?: (event: string, handler: () => void) => void;
     /** External components required by Tabs */
     components: TabsExternalComponents;
-    /** Navigation function (optional, required if linkConfig is provided) */
-    navigate?: (options: {
-        pathname: string;
-        search: string;
-    }) => void;
-    /** Search params (optional, used with linkConfig) */
-    searchParams?: URLSearchParams;
+    /** Navigation utilities (searchParams, navigate, LinkComponent) - optional, only needed if using linkConfig */
+    navigationUtils?: TNavigationUtils;
 };
 /**
  * Tabs Component
@@ -159,4 +155,4 @@ export type TabsProps<T extends string> = TBaseTabProps<T> & TPassedProps & {
  * />
  * ```
  */
-export declare const Tabs: <T extends string>({ variant, linkConfig, tabs, activeTab, onTabClick, suffixRecord, isLoading, size, className, draggable, tabKey, parentContainer, showAllItems, copyLink, isDisabled, color, iconsOnly, tabIcons, height, fullWidth, fitContentWidth, onDelete, onEdit, allowPin, sortAlphabetically, rightSection, contextProps, selectTabSetting, setTabSettingsAction, utilServices, dispatch, systemMessages, formatNumber, randomHexString, useEventListener, components, navigate: navigateProp, searchParams: searchParamsProp, }: TabsProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const Tabs: <T extends string>({ variant, linkConfig, tabs, activeTab, onTabClick, suffixRecord, isLoading, size, className, draggable, tabKey, parentContainer, showAllItems, copyLink, isDisabled, color, iconsOnly, tabIcons, height, fullWidth, fitContentWidth, onDelete, onEdit, allowPin, sortAlphabetically, rightSection, contextProps, selectTabSetting, setTabSettingsAction, utilServices, dispatch, systemMessages, formatNumber, randomHexString, useEventListener, components, navigationUtils, }: TabsProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/index.d.ts

@@ -71,8 +71,8 @@ export { default as TabDragOverlay } from "./components/buttons/tab-drag-overlay
 export type { TabDragOverlayProps, } from "./components/buttons/tab-drag-overlay/TabDragOverlay";
 export { FloatingBar } from "./components/floating-bar/FloatingBar";
 export type { FloatingBarProps, FloatingBarActionConfig, FloatingBarDeleteConfig, FloatingBarSize, FloatingBarPosition, FloatingBarTheme, } from "./components/floating-bar/FloatingBar";
-export { TabSwitch, TabSwitchChildren, useResolveTo } from "./components/navigation/tab-switch";
-export type { TSwitchProps, TTypeKey, TResolveToConfig, TPassedProps as TabSwitchPassedProps, TSharedProps, TChildrenProps, TSuffixRecord, TSize, TabVariant as TabSwitchVariant, THtmlButton, THtmlAnchor, TBaseLinkProps, } from "./components/navigation/tab-switch";
+export { TabSwitch, TabSwitchChildren, resolveTo } from "./components/navigation/tab-switch";
+export type { TSwitchProps, TTypeKey, TResolveToConfig, TPassedProps as TabSwitchPassedProps, TSharedProps, TChildrenProps, TSuffixRecord, TSize, TabVariant as TabSwitchVariant, THtmlButton, THtmlAnchor, TBaseLinkProps, TNavigationUtils, } from "./components/navigation/tab-switch";
 export { Tabs, SortableTab, DropableWrapper } from "./components/navigation/tabs";
 export type { TabsProps, TabsExternalComponents, Tab, TBaseTabProps, TPassedProps, TabVariant, TabSetting, TabUtilServices, TabSettingSelector, SetTabSettingsAction, CommonContextProps, } from "./components/navigation/tabs";
 export { useOutsideClick } from "./hooks/useOutsideClick";