@launchdarkly/toolbar 2.2.0 → 2.2.1

package/dist/angular.cjs

@@ -78,7 +78,7 @@ async function lazyLoad(signal, url) {
     }
 }
 var package_namespaceObject = {
-    rE: "2.2.0"
+    rE: "2.2.1"
 };
 function applyDecs2203RFactory() {
     function createAddInitializerMethod(initializers, decoratorFinishedRef) {

package/dist/core/ui/Toolbar/LaunchDarklyToolbar.d.ts

@@ -1,12 +1,6 @@
-import { ToolbarMode, ToolbarPosition } from './types/toolbar';
+import { ToolbarPosition } from './types/toolbar';
 import { IEventInterceptionPlugin, IFlagOverridePlugin } from '../../../types';
-export interface LdToolbarProps {
-    mode: ToolbarMode;
-    baseUrl: string;
-    flagOverridePlugin?: IFlagOverridePlugin;
-    eventInterceptionPlugin?: IEventInterceptionPlugin;
-}
-export declare function LdToolbar(props: LdToolbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function LdToolbar(): import("react/jsx-runtime").JSX.Element;
 export interface LaunchDarklyToolbarProps {
     baseUrl?: string;
     authUrl?: string;

package/dist/core/ui/Toolbar/components/index.d.ts

@@ -1,11 +1,9 @@
-export { ActionButtonsContainer } from './legacy/ActionButtonsContainer';
 export { CircleLogo } from './CircleLogo';
 export { ConnectionStatus } from './ConnectionStatus';
 export { CopyableText } from './CopyableText';
 export { DoNotTrackWarning } from './DoNotTrackWarning';
 export { LaunchDarklyIcon } from './icons/LaunchDarklyIcon';
 export { StatusDot } from './StatusDot';
-export { TabContentRenderer } from './legacy/TabContentRenderer';
 export { ErrorMessage } from './ErrorMessage';
 export { type FlagFilterMode, FlagFilterOptionsContext, useFlagFilterOptions, } from './FilterOptions/useFlagFilterOptions';
 export { FilterOptions } from './FilterOptions/FilterOptions';

package/dist/core/ui/Toolbar/types/toolbar.d.ts

@@ -7,7 +7,7 @@ export declare const SDK_MODE_TABS: readonly TabId[];
 export declare const NEW_TOOLBAR_TABS: readonly TabId[];
 export declare function getToolbarMode(devServerUrl?: string): ToolbarMode;
 export declare function getTabsForMode(mode: ToolbarMode, hasFlagOverridePlugin: boolean, hasEventInterceptionPlugin: boolean): readonly TabId[];
-export declare function getDefaultActiveTab(mode: ToolbarMode, hasFlagOverridePlugin?: boolean, hasEventInterceptionPlugin?: boolean, useNewToolbarDesign?: boolean): TabId;
+export declare function getDefaultActiveTab(): TabId;
 export interface FeatureFlag {
     id: string;
     name: string;

package/dist/flags/toolbarFlags.d.ts

@@ -8,9 +8,7 @@
  * export const myFeature = createToolbarFlagFunction('my-feature-key', defaultValue);
  */
 export declare const ENABLE_SESSION_REPLAY_FLAG_KEY = "toolbar-enable-session-replay";
-export declare const USE_NEW_TOOLBAR_DESIGN_FLAG_KEY = "use-new-toolbar-design";
 export declare const enableAiIcon: () => boolean;
 export declare const enableInteractiveIcon: () => boolean;
 export declare const enableOptimizeIcon: () => boolean;
 export declare const enableSessionReplay: () => boolean;
-export declare const useNewToolbarDesign: () => boolean;

package/dist/index.cjs

@@ -553,7 +553,7 @@ async function lazyLoad(signal, url) {
     }
 }
 var package_namespaceObject = {
-    rE: "2.2.0"
+    rE: "2.2.1"
 };
 function useLaunchDarklyToolbar(args) {
     const { toolbarBundleUrl, enabled, ...initConfig } = args;

package/dist/js/816.js

@@ -49,7 +49,7 @@ async function lazyLoad(signal, url) {
     }
 }
 var package_namespaceObject = {
-    rE: "2.2.0"
+    rE: "2.2.1"
 };
 export { lazyLoadToolbar, package_namespaceObject };
 

package/dist/react.cjs

@@ -79,7 +79,7 @@ async function lazyLoad(signal, url) {
     }
 }
 var package_namespaceObject = {
-    rE: "2.2.0"
+    rE: "2.2.1"
 };
 function useLaunchDarklyToolbar(args) {
     const { toolbarBundleUrl, enabled, ...initConfig } = args;

package/dist/vue.cjs

@@ -79,7 +79,7 @@ async function lazyLoad(signal, url) {
     }
 }
 var package_namespaceObject = {
-    rE: "2.2.0"
+    rE: "2.2.1"
 };
 function useLaunchDarklyToolbar(args) {
     const { toolbarBundleUrl, enabled, ...initConfig } = args;

package/package.json

@@ -1,7 +1,7 @@
 {
   "private": false,
   "name": "@launchdarkly/toolbar",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "description": "A framework-agnostic developer toolbar for interacting with LaunchDarkly during development",
   "keywords": [
     "launchdarkly",
@@ -118,9 +118,20 @@
       }
     }
   },
+  "scripts": {
+    "build": "pnpm run build:lib && pnpm run build:cdn",
+    "build:lib": "rslib build",
+    "build:cdn": "rslib build --config rslib.config.cdn.ts",
+    "dev": "rslib build --watch",
+    "dev:cdn": "rslib build --config rslib.config.cdn.ts --watch",
+    "test": "vitest run",
+    "lint": "oxlint",
+    "storybook": "storybook dev -p 6006",
+    "build:storybook": "storybook build"
+  },
   "devDependencies": {
     "@angular/common": "^21.1.5",
-    "@angular/core": "^21.1.5",
+    "@angular/core": "^21.2.4",
     "@codemirror/commands": "^6.10.1",
     "@codemirror/lang-json": "^6.0.2",
     "@codemirror/language": "^6.12.1",
@@ -128,20 +139,20 @@
     "@codemirror/state": "^6.5.4",
     "@codemirror/view": "^6.39.11",
     "@launchdarkly/observability": "^1.0.0",
-    "@launchdarkly/session-replay": "^1.0.0",
+    "@launchdarkly/session-replay": "^1.0.2",
     "@launchpad-ui/components": "^0.17.12",
     "@launchpad-ui/tokens": "^0.15.1",
     "@lezer/highlight": "1.2.1",
     "@react-aria/focus": "^3.21.3",
     "@react-stately/flags": "^3.1.2",
     "@rsbuild/core": "^1.7.3",
-    "@rsbuild/plugin-react": "^1.4.3",
+    "@rsbuild/plugin-react": "^1.4.5",
     "@rslib/core": "^0.19.3",
     "@storybook/addon-docs": "^10.2.10",
     "@storybook/addon-essentials": "^9.0.0-alpha.12",
     "@storybook/addon-interactions": "^9.0.0-alpha.10",
     "@storybook/addon-links": "^10.2.1",
-    "@storybook/addon-onboarding": "^10.2.10",
+    "@storybook/addon-onboarding": "^10.2.11",
     "@storybook/blocks": "^9.0.0-alpha.17",
     "@storybook/react": "^10.2.4",
     "@storybook/react-vite": "^10.2.10",
@@ -164,7 +175,7 @@
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "rxjs": "^7.8.2",
-    "storybook": "^10.2.4",
+    "storybook": "^10.2.19",
     "storybook-addon-rslib": "^3.2.2",
     "storybook-react-rsbuild": "^3.2.2",
     "typescript": "^5.9.3",
@@ -199,16 +210,5 @@
   "publishConfig": {
     "access": "public",
     "provenance": true
-  },
-  "scripts": {
-    "build": "pnpm run build:lib && pnpm run build:cdn",
-    "build:lib": "rslib build",
-    "build:cdn": "rslib build --config rslib.config.cdn.ts",
-    "dev": "rslib build --watch",
-    "dev:cdn": "rslib build --config rslib.config.cdn.ts --watch",
-    "test": "vitest run",
-    "lint": "oxlint",
-    "storybook": "storybook dev -p 6006",
-    "build:storybook": "storybook build"
   }
-}
+}

package/dist/core/ui/Toolbar/components/legacy/ActionButtonsContainer.css.d.ts

@@ -1,4 +0,0 @@
-export declare const container: string;
-export declare const actionButton: string;
-export declare const toggleButton: string;
-export declare const active: string;

package/dist/core/ui/Toolbar/components/legacy/ActionButtonsContainer.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-interface ActionButtonsContainerProps {
-    children: React.ReactNode;
-}
-export declare const ActionButtonsContainer: React.FC<ActionButtonsContainerProps>;
-export {};

package/dist/core/ui/Toolbar/components/legacy/ExpandedToolbarContentLegacy.d.ts

@@ -1,26 +0,0 @@
-import React, { Dispatch, SetStateAction } from 'react';
-import { ActiveTabId, ToolbarMode } from '../../types';
-import { IEventInterceptionPlugin, IFlagOverridePlugin } from '../../../../../types';
-interface ExpandedToolbarContentProps {
-    activeTab: ActiveTabId;
-    slideDirection: number;
-    searchTerm: string;
-    searchIsExpanded: boolean;
-    onSearch: (searchTerm: string) => void;
-    onClose: () => void;
-    onToggleAutoCollapse: () => void;
-    isAutoCollapseEnabled: boolean;
-    onTabChange: (tabId: string) => void;
-    setSearchIsExpanded: Dispatch<SetStateAction<boolean>>;
-    mode: ToolbarMode;
-    baseUrl: string;
-    defaultActiveTab: ActiveTabId;
-    flagOverridePlugin?: IFlagOverridePlugin;
-    eventInterceptionPlugin?: IEventInterceptionPlugin;
-    onHeaderMouseDown?: (event: React.MouseEvent) => void;
-    reloadOnFlagChangeIsEnabled: boolean;
-    onToggleReloadOnFlagChange: () => void;
-    onOpenAuthModal?: () => void;
-}
-export declare const ExpandedToolbarContentLegacy: React.ForwardRefExoticComponent<ExpandedToolbarContentProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/dist/core/ui/Toolbar/components/legacy/FlagControls.css.d.ts

@@ -1,12 +0,0 @@
-export declare const switch_: string;
-export declare const switchContainer: string;
-export declare const customVariantContainer: string;
-export declare const jsonEditorContainer: string;
-export declare const currentValueGroup: string;
-export declare const customVariantFieldGroup: string;
-export declare const currentValue: string;
-export declare const customVariantField: string;
-export declare const currentValueText: string;
-export declare const select: string;
-export declare const selectedValue: string;
-export declare const icon: string;

package/dist/core/ui/Toolbar/components/legacy/FlagControls.d.ts

@@ -1,20 +0,0 @@
-import { EnhancedFlag } from '../../../../types/devServer';
-interface BooleanFlagControlProps {
-    flag: EnhancedFlag;
-    onOverride: (value: boolean) => void;
-    disabled?: boolean;
-}
-export declare function BooleanFlagControl(props: BooleanFlagControlProps): import("react/jsx-runtime").JSX.Element;
-interface MultivariateFlagControlProps {
-    flag: EnhancedFlag;
-    onOverride: (value: any) => void;
-    disabled?: boolean;
-}
-export declare function MultivariateFlagControl(props: MultivariateFlagControlProps): import("react/jsx-runtime").JSX.Element;
-interface StringNumberFlagControlProps {
-    flag: EnhancedFlag;
-    onOverride: (value: string | number) => void;
-    disabled?: boolean;
-}
-export declare function StringNumberFlagControl(props: StringNumberFlagControlProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/core/ui/Toolbar/components/legacy/Header/Header.css.d.ts

@@ -1,20 +0,0 @@
-export declare const header: string;
-export declare const leftSection: string;
-export declare const logo: string;
-export declare const headerTitle: string;
-export declare const centerSection: string;
-export declare const environmentLabel: string;
-export declare const rightSection: string;
-export declare const searchButtonArea: string;
-export declare const closeButtonArea: string;
-export declare const actionButton: string;
-export declare const actionButtonSvg: string;
-export declare const searchField: string;
-export declare const searchGroup: string;
-export declare const searchFieldWrapper: string;
-export declare const searchFieldWrapperSvg: string;
-export declare const searchWrapper: string;
-export declare const environmentWrapper: string;
-export declare const icon: string;
-export declare const environmentLabelWrapper: string;
-export declare const environmentTooltip: string;

package/dist/core/ui/Toolbar/components/legacy/Header/Header.d.ts

@@ -1,13 +0,0 @@
-import { Dispatch, SetStateAction } from 'react';
-import { ToolbarMode } from '../../../types';
-export interface HeaderProps {
-    searchTerm: string;
-    onSearch: (searchTerm: string) => void;
-    onClose: () => void;
-    searchIsExpanded: boolean;
-    setSearchIsExpanded: Dispatch<SetStateAction<boolean>>;
-    mode: ToolbarMode;
-    onMouseDown?: (event: React.MouseEvent) => void;
-    onOpenConfig?: () => void;
-}
-export declare function Header(props: HeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/core/ui/Toolbar/components/legacy/Header/components/ActionButtons.d.ts

@@ -1,12 +0,0 @@
-import { Dispatch, SetStateAction } from 'react';
-interface ActionButtonsProps {
-    searchIsExpanded: boolean;
-    setSearchIsExpanded: Dispatch<SetStateAction<boolean>>;
-    onClose: () => void;
-    onRefresh: () => void;
-    onOpenConfig?: () => void;
-    showSearchButton: boolean;
-    showRefreshButton: boolean;
-}
-export declare function ActionButtons(props: ActionButtonsProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/core/ui/Toolbar/components/legacy/Header/components/EnvironmentLabel.d.ts

@@ -1,5 +0,0 @@
-interface EnvironmentLabelProps {
-    label: string;
-}
-export declare function EnvironmentLabel(props: EnvironmentLabelProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/core/ui/Toolbar/components/legacy/Header/components/LogoSection.d.ts

@@ -1,6 +0,0 @@
-import type React from 'react';
-interface LogoSectionProps {
-    onMouseDown?: (event: React.MouseEvent) => void;
-}
-export declare function LogoSection(props: LogoSectionProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/core/ui/Toolbar/components/legacy/Header/components/SearchSection.d.ts

@@ -1,8 +0,0 @@
-import { Dispatch, SetStateAction } from 'react';
-interface SearchSectionProps {
-    searchTerm: string;
-    onSearch: (searchTerm: string) => void;
-    setSearchIsExpanded: Dispatch<SetStateAction<boolean>>;
-}
-export declare function SearchSection(props: SearchSectionProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/core/ui/Toolbar/components/legacy/Header/components/index.d.ts

@@ -1,4 +0,0 @@
-export { LogoSection } from './LogoSection';
-export { EnvironmentLabel } from './EnvironmentLabel';
-export { ActionButtons } from './ActionButtons';
-export { SearchSection } from './SearchSection';

package/dist/core/ui/Toolbar/components/legacy/LocalFlagControls.css.d.ts

@@ -1,5 +0,0 @@
-export declare const jsonTextarea: string;
-export declare const jsonTextareaError: string;
-export declare const jsonButtonGroup: string;
-export declare const jsonParseError: string;
-export declare const editActionsContainer: string;

package/dist/core/ui/Toolbar/components/legacy/LocalFlagControls.d.ts

@@ -1,25 +0,0 @@
-import { LocalFlag } from '../../context';
-import { EnhancedFlag } from '../../../../types/devServer';
-interface LocalBooleanFlagControlProps {
-    flag: LocalFlag;
-    onOverride: (value: boolean) => void;
-    disabled?: boolean;
-}
-export declare function LocalBooleanFlagControl(props: LocalBooleanFlagControlProps): import("react/jsx-runtime").JSX.Element;
-interface LocalStringNumberFlagControlProps {
-    flag: LocalFlag;
-    onOverride: (value: string | number) => void;
-    disabled?: boolean;
-}
-export declare function LocalStringNumberFlagControl(props: LocalStringNumberFlagControlProps): import("react/jsx-runtime").JSX.Element;
-interface LocalObjectFlagControlProps {
-    flag: LocalFlag | EnhancedFlag;
-    isEditing: boolean;
-    handleEdit: () => void;
-    handleConfirm: () => void;
-    handleCancel: () => void;
-    onOverride: (value: any) => void;
-    hasErrors: boolean;
-}
-export declare function LocalObjectFlagControl(props: LocalObjectFlagControlProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/core/ui/Toolbar/components/legacy/LocalObjectFlagControlListItem.css.d.ts

@@ -1,4 +0,0 @@
-export declare const listItemColumn: string;
-export declare const listItemRow: string;
-export declare const flagHeader: string;
-export declare const flagNameText: string;

package/dist/core/ui/Toolbar/components/legacy/LocalObjectFlagControlListItem.d.ts

@@ -1,13 +0,0 @@
-import { EnhancedFlag } from '../../../../types/devServer';
-import { LocalFlag } from '../../context';
-interface LocalObjectFlagControlListItemProps {
-    handleClearOverride: (key: string) => void;
-    handleOverride: (flagKey: string, value: any) => void;
-    handleHeightChange: (height: number) => void;
-    onToggleStarred?: (flagKey: string) => void;
-    flag: LocalFlag | EnhancedFlag;
-    size: number;
-    start: number;
-}
-export declare function LocalObjectFlagControlListItem(props: LocalObjectFlagControlListItemProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/core/ui/Toolbar/components/legacy/TabContent/EventsTabContent.css.d.ts

@@ -1,24 +0,0 @@
-export declare const statsHeader: string;
-export declare const statsText: string;
-export declare const eventInfo: string;
-export declare const eventName: string;
-export declare const eventMeta: string;
-export declare const eventBadge: string;
-export declare const eventBadgeFeature: string;
-export declare const addButtonContainer: string;
-export declare const addButton: string;
-export declare const eventBadgeIdentify: string;
-export declare const eventBadgeCustom: string;
-export declare const eventBadgeDebug: string;
-export declare const eventBadgeSummary: string;
-export declare const eventBadgeDiagnostic: string;
-export declare const eventBadgeDefault: string;
-export declare const virtualContainer: string;
-export declare const virtualInner: string;
-export declare const virtualItem: string;
-export declare const liveTailContainer: string;
-export declare const liveTailIndicator: string;
-export declare const liveTailDot: string;
-export declare const liveTailText: string;
-export declare const liveTailSubtext: string;
-export declare const eventListItem: string;

package/dist/core/ui/Toolbar/components/legacy/TabContent/EventsTabContent.d.ts

@@ -1,7 +0,0 @@
-import { IEventInterceptionPlugin } from '../../../../../../types';
-interface EventsTabContentProps {
-    baseUrl: string;
-    eventInterceptionPlugin?: IEventInterceptionPlugin;
-}
-export declare function EventsTabContent(props: EventsTabContentProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/core/ui/Toolbar/components/legacy/TabContent/FlagDevServerTabContent.css.d.ts

@@ -1,10 +0,0 @@
-export declare const flagName: string;
-export declare const flagNameText: string;
-export declare const flagHeader: string;
-export declare const flagKey: string;
-export declare const flagOptions: string;
-export declare const virtualContainer: string;
-export declare const virtualInner: string;
-export declare const virtualItem: string;
-export declare const flagListItem: string;
-export declare const flagListItemBlock: string;

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

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

package/dist/core/ui/Toolbar/components/legacy/TabContent/FlagSdkOverrideTabContent.d.ts

@@ -1,7 +0,0 @@
-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/core/ui/Toolbar/components/legacy/TabContent/SettingsTab.css.d.ts

@@ -1,13 +0,0 @@
-export declare const settingsGroup: string;
-export declare const settingsGroupTitle: string;
-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;
-export declare const icon: string;
-export declare const select: string;
-export declare const selectedValue: string;

package/dist/core/ui/Toolbar/components/legacy/TabContent/SettingsTabContent.d.ts

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

package/dist/core/ui/Toolbar/components/legacy/TabContentRenderer.css.d.ts

@@ -1 +0,0 @@
-export declare const tabContent: string;

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

@@ -1,16 +0,0 @@
-import { TabId, ToolbarMode } from '../../types';
-import { IEventInterceptionPlugin, IFlagOverridePlugin } from '../../../../../types';
-interface TabContentRendererProps {
-    activeTab: TabId;
-    baseUrl: string;
-    slideDirection: number;
-    mode: ToolbarMode;
-    flagOverridePlugin?: IFlagOverridePlugin;
-    eventInterceptionPlugin?: IEventInterceptionPlugin;
-    reloadOnFlagChangeIsEnabled: boolean;
-    onToggleReloadOnFlagChange: () => void;
-    isAutoCollapseEnabled: boolean;
-    onToggleAutoCollapse: () => void;
-}
-export declare function TabContentRenderer(props: TabContentRendererProps): import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/core/ui/Toolbar/components/legacy/index.d.ts

@@ -1 +0,0 @@
-export * from './ExpandedToolbarContentLegacy';