@launchdarkly/toolbar 0.24.0-beta.1 → 0.26.0

package/dist/ui/Toolbar/TabContent/EventsTabContent.css.d.ts

@@ -5,7 +5,6 @@ export declare const eventName: string;
 export declare const eventMeta: string;
 export declare const eventBadge: string;
 export declare const eventBadgeFeature: string;
-export declare const eventBadgeFeatureNotFound: string;
 export declare const addButtonContainer: string;
 export declare const addButton: string;
 export declare const eventBadgeIdentify: string;

package/dist/ui/Toolbar/TabContent/FlagDevServerTabContent.d.ts

@@ -1 +1,5 @@
-export declare function FlagDevServerTabContent(): import("react/jsx-runtime").JSX.Element;
+interface FlagDevServerTabContentProps {
+    reloadOnFlagChangeIsEnabled: boolean;
+}
+export declare function FlagDevServerTabContent(props: FlagDevServerTabContentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/Toolbar/TabContent/FlagSdkOverrideTabContent.d.ts

@@ -1,6 +1,7 @@
 import type { IFlagOverridePlugin } from '../../../types/plugin';
 interface FlagSdkOverrideTabContentProps {
     flagOverridePlugin?: IFlagOverridePlugin;
+    reloadOnFlagChangeIsEnabled: boolean;
 }
 export declare function FlagSdkOverrideTabContent(props: FlagSdkOverrideTabContentProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/ui/Toolbar/TabContent/SettingsTab.css.d.ts

@@ -4,6 +4,7 @@ export declare const switch_: string;
 export declare const settingInfo: string;
 export declare const settingDetails: string;
 export declare const settingName: string;
+export declare const settingDescription: string;
 export declare const settingValue: string;
 export declare const statusIndicator: string;
 export declare const statusText: string;

package/dist/ui/Toolbar/TabContent/SettingsTabContent.d.ts

@@ -1,8 +1,10 @@
 import { type ToolbarMode } from '../types/toolbar';
 interface SettingsTabContentProps {
     mode: ToolbarMode;
-    isPinned: boolean;
-    onTogglePin: () => void;
+    reloadOnFlagChangeIsEnabled: boolean;
+    onToggleReloadOnFlagChange: () => void;
+    isAutoCollapseEnabled: boolean;
+    onToggleAutoCollapse: () => void;
 }
 export declare function SettingsTabContent(props: SettingsTabContentProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/ui/Toolbar/components/ExpandedToolbarContent.d.ts

@@ -8,8 +8,8 @@ interface ExpandedToolbarContentProps {
     searchIsExpanded: boolean;
     onSearch: (searchTerm: string) => void;
     onClose: () => void;
-    onTogglePin: () => void;
-    isPinned: boolean;
+    onToggleAutoCollapse: () => void;
+    isAutoCollapseEnabled: boolean;
     onTabChange: (tabId: string) => void;
     setSearchIsExpanded: Dispatch<SetStateAction<boolean>>;
     mode: ToolbarMode;
@@ -18,6 +18,8 @@ interface ExpandedToolbarContentProps {
     flagOverridePlugin?: IFlagOverridePlugin;
     eventInterceptionPlugin?: IEventInterceptionPlugin;
     onHeaderMouseDown?: (event: React.MouseEvent) => void;
+    reloadOnFlagChangeIsEnabled: boolean;
+    onToggleReloadOnFlagChange: () => void;
 }
 export declare const ExpandedToolbarContent: React.ForwardRefExoticComponent<ExpandedToolbarContentProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/ui/Toolbar/components/IconLinkButton.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface IconLinkButtonProps {
+    icon: React.ReactNode;
+    label: string;
+    href: string;
+    target?: '_blank' | '_self' | '_parent' | '_top';
+    className?: string;
+    size?: 'small' | 'medium' | 'large';
+    onClick?: () => void;
+}
+export declare function IconLinkButton(props: IconLinkButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/Toolbar/components/TabContentRenderer.d.ts

@@ -7,8 +7,10 @@ interface TabContentRendererProps {
     mode: ToolbarMode;
     flagOverridePlugin?: IFlagOverridePlugin;
     eventInterceptionPlugin?: IEventInterceptionPlugin;
-    isPinned: boolean;
-    onTogglePin: () => void;
+    reloadOnFlagChangeIsEnabled: boolean;
+    onToggleReloadOnFlagChange: () => void;
+    isAutoCollapseEnabled: boolean;
+    onToggleAutoCollapse: () => void;
 }
 export declare function TabContentRenderer(props: TabContentRendererProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/ui/Toolbar/hooks/useToolbarState.d.ts

@@ -11,12 +11,14 @@ export interface UseToolbarStateReturn {
     searchIsExpanded: boolean;
     slideDirection: number;
     hasBeenExpanded: boolean;
-    isPinned: boolean;
+    reloadOnFlagChangeIsEnabled: boolean;
+    isAutoCollapseEnabled: boolean;
     toolbarRef: React.RefObject<HTMLDivElement | null>;
     handleTabChange: (tabId: string) => void;
     handleClose: () => void;
     handleSearch: (newSearchTerm: string) => void;
-    handleTogglePin: () => void;
+    handleToggleReloadOnFlagChange: () => void;
+    handleToggleAutoCollapse: () => void;
     handleCircleClick: () => void;
     setIsAnimating: Dispatch<SetStateAction<boolean>>;
     setSearchIsExpanded: Dispatch<SetStateAction<boolean>>;

package/dist/ui/Toolbar/utils/localStorage.d.ts

@@ -6,10 +6,13 @@ export declare const TOOLBAR_STORAGE_KEYS: {
 };
 export interface ToolbarSettings {
     position: ToolbarPosition;
-    pinned: boolean;
+    reloadOnFlagChange: boolean;
+    autoCollapse: boolean;
 }
 export declare const DEFAULT_SETTINGS: ToolbarSettings;
 export declare function saveToolbarPosition(position: ToolbarPosition): void;
 export declare function loadToolbarPosition(): ToolbarPosition | null;
-export declare function saveToolbarPinned(isPinned: boolean): void;
-export declare function loadToolbarPinned(): boolean;
+export declare function saveToolbarAutoCollapse(autoCollapse: boolean): void;
+export declare function loadToolbarAutoCollapse(): boolean;
+export declare function saveReloadOnFlagChange(isReloadOnFlagChange: boolean): void;
+export declare function loadReloadOnFlagChange(): boolean;

package/dist/utils/analytics.d.ts

@@ -20,9 +20,9 @@ export declare class ToolbarAnalytics {
      */
     trackPositionChange(oldPosition: string, newPosition: string, source: 'drag' | 'settings'): void;
     /**
-     * Track toolbar pin/unpin actions
+     * Track toolbar auto-collapse toggle
      */
-    trackPinToggle(action: 'pin' | 'unpin'): void;
+    trackAutoCollapseToggle(action: 'enable' | 'disable'): void;
     /**
      * Track toolbar tab navigation
      */
@@ -34,7 +34,7 @@ export declare class ToolbarAnalytics {
     /**
      * Track toolbar expand/collapse events
      */
-    trackToolbarToggle(action: 'expand' | 'collapse', trigger: 'close_button' | 'click_outside' | 'tab_toggle'): void;
+    trackToolbarToggle(action: 'expand' | 'collapse', trigger: 'close_button' | 'click_outside' | 'tab_toggle' | 'focus_lost'): void;
     /**
      * Track flag override events
      */
@@ -51,4 +51,8 @@ export declare class ToolbarAnalytics {
      * Track Event clicks
      */
     trackEventClick(eventName: string): void;
+    /**
+     * Track Reload on Flag Change toggles
+     */
+    trackReloadOnFlagChangeToggle(enabled: boolean): void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@launchdarkly/toolbar",
-  "version": "0.24.0-beta.1",
+  "version": "0.26.0",
   "description": "A React component that provides a developer-friendly toolbar for interacting with LaunchDarkly during development",
   "keywords": [
     "launchdarkly",
@@ -47,9 +47,9 @@
     "not IE 11"
   ],
   "devDependencies": {
-    "@rsbuild/core": "^1.5.13",
+    "@rsbuild/core": "^1.5.17",
     "@rsbuild/plugin-react": "^1.4.1",
-    "@rslib/core": "^0.15.0",
+    "@rslib/core": "^0.15.1",
     "@storybook/addon-docs": "^9.0.5",
     "@storybook/addon-essentials": "^9.0.0-alpha.12",
     "@storybook/addon-interactions": "^9.0.0-alpha.10",
@@ -58,22 +58,22 @@
     "@storybook/blocks": "^9.0.0-alpha.17",
     "@storybook/react": "^9.0.5",
     "@storybook/test": "^9.0.0-alpha.2",
-    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.0",
-    "@types/node": "^24.0.4",
+    "@types/node": "^24.7.2",
     "@types/react": "^19.1.13",
     "@vanilla-extract/vite-plugin": "^5.1.1",
     "@vitest/coverage-v8": "3.2.4",
-    "jsdom": "^26.1.0",
+    "jsdom": "^27.0.0",
     "launchdarkly-js-client-sdk": "^3.9.0",
-    "oxlint": "^1.0.0",
+    "oxlint": "^1.23.0",
     "react": "^19.1.1",
-    "storybook": "^9.0.5",
+    "storybook": "^9.1.12",
     "storybook-addon-rslib": "^2.0.0",
     "storybook-react-rsbuild": "^2.0.0",
     "typescript": "^5.8.3",
     "vitest": "^3.2.2",
-    "webpack": "5.101.3"
+    "webpack": "5.102.1"
   },
   "peerDependencies": {
     "launchdarkly-js-client-sdk": "^3.9.0",
@@ -83,8 +83,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@react-aria/focus": "3.21.1",
-    "@react-aria/interactions": "3.25.5",
+    "@react-aria/focus": "3.21.2",
+    "@react-aria/interactions": "3.25.6",
     "@react-aria/utils": "3.30.1",
     "@react-stately/utils": "3.10.8",
     "@react-types/shared": "3.32.0",
@@ -92,11 +92,11 @@
     "@vanilla-extract/css": "^1.17.4",
     "@vanilla-extract/webpack-plugin": "^2.3.22",
     "class-variance-authority": "^0.7.1",
-    "motion": "^12.19.2",
-    "react-aria": "3.43.2",
-    "react-aria-components": "1.12.2",
+    "motion": "^12.23.24",
+    "react-aria": "3.44.0",
+    "react-aria-components": "1.13.0",
     "react-hook-form": "7.59.0",
-    "react-router": "7.5.2"
+    "react-router": "7.9.4"
   },
   "scripts": {
     "build": "rslib build && node ../../scripts/fix-base-url.cjs dist/js/index.js",