@launchdarkly/toolbar 0.25.0 → 1.0.0-beta.1

package/dist/core/context/Providers.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+interface Props {
+    children: ReactNode;
+    portalMount: HTMLElement;
+    reactMount: HTMLElement;
+    shadowRoot: ShadowRoot;
+}
+export default function Providers(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/core/context/ReactMountContext.d.ts

@@ -0,0 +1,2 @@
+declare const ReactMountContext: import("react").Context<HTMLElement>;
+export default ReactMountContext;

package/dist/core/context/ShadowRootContext.d.ts

@@ -0,0 +1,2 @@
+declare const ShadowRootContext: import("react").Context<ShadowRoot>;
+export default ShadowRootContext;

package/dist/core/context/defaultConfig.d.ts

@@ -0,0 +1,3 @@
+import { InitializationConfig } from '../../types';
+declare const defaultConfig: InitializationConfig;
+export default defaultConfig;

package/dist/core/index.d.ts

@@ -0,0 +1,8 @@
+import { InitializationConfig } from '../types';
+import './globals.css';
+export type Cleanup = () => void;
+export declare function init(config: InitializationConfig): Cleanup;
+declare const LaunchDarklyToolbar: {
+    init: typeof init;
+};
+export default LaunchDarklyToolbar;

package/dist/core/mount.d.ts

@@ -0,0 +1,2 @@
+import { InitializationConfig } from '../types';
+export default function mount(rootNode: HTMLElement, config: InitializationConfig): () => void;

package/dist/{ui → core/ui}/Toolbar/LaunchDarklyToolbar.d.ts

@@ -1,10 +1,11 @@
 import { ToolbarMode, ToolbarPosition } from './types/toolbar';
-import type { IEventInterceptionPlugin, IFlagOverridePlugin } from '../../types/plugin';
+import { IEventInterceptionPlugin, IFlagOverridePlugin } from '../../../types';
 export interface LdToolbarProps {
     mode: ToolbarMode;
     baseUrl: string;
     flagOverridePlugin?: IFlagOverridePlugin;
     eventInterceptionPlugin?: IEventInterceptionPlugin;
+    domId: string;
 }
 export declare function LdToolbar(props: LdToolbarProps): import("react/jsx-runtime").JSX.Element;
 export interface LaunchDarklyToolbarProps {
@@ -15,5 +16,6 @@ export interface LaunchDarklyToolbarProps {
     eventInterceptionPlugin?: IEventInterceptionPlugin;
     pollIntervalInMs?: number;
     position?: ToolbarPosition;
+    domId: string;
 }
 export declare function LaunchDarklyToolbar(props: LaunchDarklyToolbarProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/{ui → core/ui}/Toolbar/TabContent/EventsTabContent.d.ts

@@ -1,4 +1,4 @@
-import type { IEventInterceptionPlugin } from '../../../types/plugin';
+import { IEventInterceptionPlugin } from '../../../../types';
 interface EventsTabContentProps {
     baseUrl: string;
     eventInterceptionPlugin?: IEventInterceptionPlugin;

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

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

package/dist/{ui → core/ui}/Toolbar/TabContent/FlagSdkOverrideTabContent.d.ts

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

package/dist/{ui → core/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 → core/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 → core/ui}/Toolbar/components/ExpandedToolbarContent.d.ts

@@ -1,6 +1,6 @@
 import React, { Dispatch, SetStateAction } from 'react';
 import { ActiveTabId, ToolbarMode } from '../types';
-import type { IFlagOverridePlugin, IEventInterceptionPlugin } from '../../../types/plugin';
+import { IEventInterceptionPlugin, IFlagOverridePlugin } from '../../../../types';
 interface ExpandedToolbarContentProps {
     activeTab: ActiveTabId;
     slideDirection: number;
@@ -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 → core/ui}/Toolbar/components/TabContentRenderer.d.ts

@@ -1,5 +1,5 @@
 import { TabId, ToolbarMode } from '../types';
-import type { IFlagOverridePlugin, IEventInterceptionPlugin } from '../../../types/plugin';
+import { IEventInterceptionPlugin, IFlagOverridePlugin } from '../../../../types';
 interface TabContentRendererProps {
     activeTab: TabId;
     baseUrl: string;
@@ -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 → core/ui}/Toolbar/context/FlagSdkOverrideProvider.d.ts

@@ -1,4 +1,4 @@
-import type { IFlagOverridePlugin } from '../../../types/plugin';
+import { IFlagOverridePlugin } from '../../../../types';
 interface LocalFlag {
     key: string;
     name: string;

package/dist/{ui → core/ui}/Toolbar/hooks/useEvents.d.ts

@@ -1,5 +1,4 @@
-import type { ProcessedEvent } from '../../../types/events';
-import { IEventInterceptionPlugin } from '../../../types/plugin';
+import { IEventInterceptionPlugin, ProcessedEvent } from '../../../../types';
 interface EventStats {
     totalEvents: number;
     eventsByKind: Record<string, number>;

package/dist/{ui → core/ui}/Toolbar/hooks/useToolbarState.d.ts

@@ -2,6 +2,7 @@ import { Dispatch, SetStateAction } from 'react';
 import { ActiveTabId } from '../types';
 export interface UseToolbarStateProps {
     defaultActiveTab: ActiveTabId;
+    domId: string;
 }
 export interface UseToolbarStateReturn {
     isExpanded: boolean;
@@ -11,12 +12,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 → core/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 → core/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/dist/core/utils/hydrateConfig.d.ts

@@ -0,0 +1,2 @@
+import { InitializationConfig } from '../../types';
+export default function hydrateProps(config: InitializationConfig): InitializationConfig;