@launchdarkly/toolbar 1.2.0 → 1.3.1

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

@@ -9,5 +9,6 @@ export interface HeaderProps {
     label: string;
     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/Header/components/ActionButtons.d.ts

@@ -4,6 +4,7 @@ interface ActionButtonsProps {
     setSearchIsExpanded: Dispatch<SetStateAction<boolean>>;
     onClose: () => void;
     onRefresh: () => void;
+    onOpenConfig?: () => void;
     showSearchButton: boolean;
     showRefreshButton: boolean;
 }

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

@@ -10,6 +10,7 @@ export interface LdToolbarProps {
 export declare function LdToolbar(props: LdToolbarProps): import("react/jsx-runtime").JSX.Element;
 export interface LaunchDarklyToolbarProps {
     baseUrl?: string;
+    authUrl?: string;
     devServerUrl?: string;
     projectKey?: string;
     flagOverridePlugin?: IFlagOverridePlugin;

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

@@ -5,6 +5,8 @@ interface SettingsTabContentProps {
     onToggleReloadOnFlagChange: () => void;
     isAutoCollapseEnabled: boolean;
     onToggleAutoCollapse: () => void;
+    optInToNewFeatures: boolean;
+    onToggleOptInToNewFeatures: () => void;
 }
 export declare function SettingsTabContent(props: SettingsTabContentProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/core/ui/Toolbar/components/AuthenticationModal.css.d.ts

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

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

@@ -0,0 +1,6 @@
+interface AuthenticationModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+}
+export declare function AuthenticationModal(props: AuthenticationModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -20,6 +20,8 @@ interface ExpandedToolbarContentProps {
     onHeaderMouseDown?: (event: React.MouseEvent) => void;
     reloadOnFlagChangeIsEnabled: boolean;
     onToggleReloadOnFlagChange: () => void;
+    optInToNewFeatures: boolean;
+    onToggleOptInToNewFeatures: () => void;
 }
 export declare const ExpandedToolbarContent: React.ForwardRefExoticComponent<ExpandedToolbarContentProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/core/ui/Toolbar/components/Select.css.d.ts

@@ -0,0 +1,12 @@
+export declare const selectContainer: string;
+export declare const trigger: string;
+export declare const disabled: string;
+export declare const value: string;
+export declare const placeholder: string;
+export declare const icon: string;
+export declare const iconOpen: string;
+export declare const dropdown: string;
+export declare const list: string;
+export declare const option: string;
+export declare const focused: string;
+export declare const selected: string;

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

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+export interface SelectOption {
+    id: string;
+    label: string;
+    value?: any;
+}
+export interface SelectProps {
+    selectedKey?: string | null;
+    onSelectionChange?: (key: string | null) => void;
+    'aria-label'?: string;
+    placeholder?: string;
+    'data-theme'?: 'dark' | 'light';
+    className?: string;
+    isDisabled?: boolean;
+    children?: ReactNode;
+    options: SelectOption[];
+}
+export declare function Select(props: SelectProps): import("react/jsx-runtime").JSX.Element;

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

@@ -11,6 +11,8 @@ interface TabContentRendererProps {
     onToggleReloadOnFlagChange: () => void;
     isAutoCollapseEnabled: boolean;
     onToggleAutoCollapse: () => void;
+    optInToNewFeatures: boolean;
+    onToggleOptInToNewFeatures: () => void;
 }
 export declare function TabContentRenderer(props: TabContentRendererProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/core/ui/Toolbar/components/icons/PersonPassword.d.ts

@@ -0,0 +1,5 @@
+interface IconProps {
+    className?: string;
+}
+export declare function PersonPassword({ className }: IconProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -12,3 +12,4 @@ export { CancelCircleIcon } from './CancelCircleIcon';
 export { CancelIcon } from './CancelIcon';
 export { StarIcon } from './StarIcon';
 export { StarOutlineIcon } from './StarOutlineIcon';
+export { PersonPassword } from './PersonPassword';

package/dist/core/ui/Toolbar/context/ApiProvider.d.ts

@@ -0,0 +1,11 @@
+interface ApiProviderContextValue {
+    getFlag: (flagKey: string) => Promise<any>;
+}
+export interface ApiProviderProps {
+    children: React.ReactNode;
+}
+export declare function ApiProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useApi(): ApiProviderContextValue;
+export {};

package/dist/core/ui/Toolbar/context/AuthProvider.d.ts

@@ -0,0 +1,12 @@
+import { Dispatch, SetStateAction } from 'react';
+type AuthProviderType = {
+    authenticated: boolean;
+    authenticating: boolean;
+    loading: boolean;
+    setAuthenticating: Dispatch<SetStateAction<boolean>>;
+};
+export declare function AuthProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useAuthContext(): AuthProviderType;
+export {};

package/dist/core/ui/Toolbar/context/IFrameProvider.d.ts

@@ -0,0 +1,24 @@
+import { RefObject } from 'react';
+export declare const IFRAME_API_MESSAGES: {
+    AUTHENTICATION: {
+        authenticated: string;
+        authenticationRequired: string;
+        error: string;
+    };
+    GET_FLAG: {
+        request: string;
+        response: string;
+        error: string;
+    };
+};
+interface IFrameProviderProps {
+    children: React.ReactNode;
+    authUrl: string;
+}
+type IFrameProviderType = {
+    ref: RefObject<HTMLIFrameElement | null>;
+    iframeSrc: string;
+};
+export declare function IFrameProvider({ children, authUrl }: IFrameProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useIFrameContext(): IFrameProviderType;
+export {};

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

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

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

@@ -3,12 +3,14 @@ export declare const TOOLBAR_STORAGE_KEYS: {
     readonly SETTINGS: "ld-toolbar-settings";
     readonly DISABLED: "ld-toolbar-disabled";
     readonly PROJECT: "ld-toolbar-project";
+    readonly OPT_IN_TO_NEW_FEATURES: "ld-toolbar-opt-in-to-new-features";
     readonly STARRED_FLAGS: "ld-toolbar-starred-flags";
 };
 export interface ToolbarSettings {
     position: ToolbarPosition;
     reloadOnFlagChange: boolean;
     autoCollapse: boolean;
+    optInToNewFeatures: boolean;
 }
 export declare const DEFAULT_SETTINGS: ToolbarSettings;
 export declare function saveToolbarPosition(position: ToolbarPosition): void;
@@ -17,5 +19,7 @@ export declare function saveToolbarAutoCollapse(autoCollapse: boolean): void;
 export declare function loadToolbarAutoCollapse(): boolean;
 export declare function saveReloadOnFlagChange(isReloadOnFlagChange: boolean): void;
 export declare function loadReloadOnFlagChange(): boolean;
+export declare function saveOptInToNewFeatures(optInToNewFeatures: boolean): void;
+export declare function loadOptInToNewFeatures(): boolean;
 export declare function loadStarredFlags(): Set<string>;
 export declare function saveStarredFlags(starredFlags: Set<string>): void;

package/dist/core/ui/Toolbar/utils/oauthPopup.d.ts

@@ -0,0 +1,4 @@
+export interface OAuthPopupOptions {
+    url: string;
+}
+export declare function openOAuthPopup(options: OAuthPopupOptions): Promise<string>;

package/dist/index.cjs

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

package/dist/js/index.js

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

package/dist/types/config.d.ts

@@ -7,6 +7,12 @@ export interface ToolbarConfig {
      * Default `https://app.launchdarkly.com`
      */
     baseUrl?: string;
+    /**
+     * The LaunchDarkly Auth URL the toolbar should use when authenticating.
+     *
+     * Default `https://integrations.launchdarkly.com`
+     */
+    authUrl?: string;
     /**
      * The Dev Server URL (if you have a local instance of LaunchDarkly running). If
      * provided, will set the toolbar to run in Dev Server mode.

package/package.json

@@ -1,7 +1,7 @@
 {
   "private": false,
   "name": "@launchdarkly/toolbar",
-  "version": "1.2.0",
+  "version": "1.3.1",
   "description": "A React component that provides a developer-friendly toolbar for interacting with LaunchDarkly during development",
   "keywords": [
     "launchdarkly",
@@ -57,28 +57,28 @@
     "@lezer/highlight": "^1.2.3",
     "@react-aria/focus": "^3.21.2",
     "@react-stately/flags": "^3.1.2",
-    "@rsbuild/core": "^1.6.3",
+    "@rsbuild/core": "^1.6.6",
     "@rsbuild/plugin-react": "^1.4.2",
     "@rslib/core": "^0.17.0",
     "@storybook/addon-docs": "^10.0.7",
     "@storybook/addon-essentials": "^9.0.0-alpha.12",
     "@storybook/addon-interactions": "^9.0.0-alpha.10",
-    "@storybook/addon-links": "^10.0.2",
-    "@storybook/addon-onboarding": "^10.0.6",
+    "@storybook/addon-links": "^10.0.7",
+    "@storybook/addon-onboarding": "^10.0.7",
     "@storybook/blocks": "^9.0.0-alpha.17",
-    "@storybook/react": "^10.0.4",
+    "@storybook/react": "^10.0.7",
     "@storybook/react-vite": "^9.0.5",
     "@storybook/test": "^9.0.0-alpha.2",
     "@tanstack/react-virtual": "^3.13.12",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.0",
-    "@types/node": "^24.9.1",
-    "@types/react": "19.2.2",
+    "@types/node": "^24.10.1",
+    "@types/react": "19.2.4",
     "@types/react-dom": "19.2.2",
     "@vanilla-extract/css": "^1.17.4",
     "@vanilla-extract/vite-plugin": "^5.1.1",
     "@vanilla-extract/webpack-plugin": "^2.3.22",
-    "@vitest/coverage-v8": "4.0.5",
+    "@vitest/coverage-v8": "4.0.8",
     "css-loader": "^7.1.2",
     "jsdom": "^27.2.0",
     "launchdarkly-js-client-sdk": "^3.9.0",
@@ -88,7 +88,7 @@
     "react-dom": "^19.2.0",
     "storybook": "^9.1.16",
     "storybook-addon-rslib": "^2.1.4",
-    "storybook-react-rsbuild": "^2.1.2",
+    "storybook-react-rsbuild": "^2.1.4",
     "typescript": "^5.9.3",
     "vitest": "^4.0.8"
   },