@launchdarkly/toolbar 0.0.1

package/dist/services/DevServerClient.d.ts

@@ -0,0 +1,34 @@
+export interface DevServerProjectResponse {
+    _lastSyncedFromSource: number;
+    availableVariations: Record<string, Variation[]>;
+    flagsState: Record<string, FlagState>;
+    overrides: Record<string, Override>;
+    sourceEnvironmentKey: string;
+}
+export interface Variation {
+    _id: string;
+    name: string;
+    value: any;
+}
+export interface FlagState {
+    value: any;
+    version: number;
+}
+export interface Override {
+    value: any;
+    version: number;
+}
+export declare class DevServerClient {
+    private baseUrl;
+    private projectKey;
+    constructor(baseUrl: string, projectKey?: string);
+    setProjectKey(projectKey: string): void;
+    getProjectKey(): string | null;
+    getProjectData(): Promise<DevServerProjectResponse>;
+    setOverride(flagKey: string, value: any): Promise<{
+        override: boolean;
+        value: any;
+    }>;
+    clearOverride(flagKey: string): Promise<void>;
+    getAvailableProjects(): Promise<string[]>;
+}

package/dist/services/FlagStateManager.d.ts

@@ -0,0 +1,15 @@
+import { DevServerClient } from './DevServerClient';
+import { EnhancedFlag } from '../types/devServer';
+export declare class FlagStateManager {
+    private devServerClient;
+    private listeners;
+    constructor(devServerClient: DevServerClient);
+    getEnhancedFlags(): Promise<Record<string, EnhancedFlag>>;
+    private formatFlagName;
+    private determineFlagType;
+    setOverride(flagKey: string, value: any): Promise<void>;
+    clearOverride(flagKey: string): Promise<void>;
+    subscribe(listener: (flags: Record<string, EnhancedFlag>) => void): () => void;
+    private notifyListeners;
+    destroy(): void;
+}

package/dist/tests/LaunchDarklyToolbar.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/tests/Tabs.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/tests/mocks/flags.d.ts

@@ -0,0 +1,2 @@
+import { FeatureFlag } from '../../ui/Toolbar/types';
+export declare const mockFeatureFlags: FeatureFlag[];

package/dist/types/devServer.d.ts

@@ -0,0 +1,29 @@
+import { Variation } from '../services/DevServerClient';
+export type { Variation } from '../services/DevServerClient';
+export interface EnhancedFlag {
+    key: string;
+    name: string;
+    currentValue: any;
+    isOverridden: boolean;
+    originalValue: any;
+    availableVariations: Variation[];
+    type: 'boolean' | 'multivariate' | 'string' | 'number';
+    sourceEnvironment: string;
+    enabled: boolean;
+}
+export interface LdToolbarConfig {
+    devServerUrl: string;
+    pollIntervalInMs: number;
+    projectKey?: string;
+    showEnvironmentInfo?: boolean;
+    onFlagOverride?: (flagKey: string, value: any, isOverride: boolean) => void;
+    onError?: (error: string) => void;
+}
+export interface ToolbarState {
+    flags: Record<string, EnhancedFlag>;
+    connectionStatus: 'connected' | 'disconnected' | 'error';
+    lastSyncTime: number;
+    isLoading: boolean;
+    error: string | null;
+    sourceEnvironmentKey: string | null;
+}

package/dist/ui/List/List.css.d.ts

@@ -0,0 +1,2 @@
+export declare const list: string;
+export declare const listItem: string;

package/dist/ui/List/List.d.ts

@@ -0,0 +1,5 @@
+export interface ListProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function List(props: ListProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/List/ListItem.d.ts

@@ -0,0 +1,6 @@
+export interface ListItemProps {
+    children: React.ReactNode;
+    onClick?: () => void;
+    className?: string;
+}
+export declare function ListItem(props: ListItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/Tabs/TabButton.d.ts

@@ -0,0 +1,8 @@
+import React, { ElementType } from 'react';
+export interface TabButtonProps {
+    id: string;
+    label: string;
+    icon?: ElementType;
+    disabled?: boolean;
+}
+export declare const TabButton: React.ForwardRefExoticComponent<TabButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/ui/Tabs/Tabs.css.d.ts

@@ -0,0 +1,6 @@
+export declare const toolbar: string;
+export declare const tabsContainer: string;
+export declare const activeIndicator: string;
+export declare const tab: string;
+export declare const tabActive: string;
+export declare const iconSvg: string;

package/dist/ui/Tabs/Tabs.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface TabsProps {
+    defaultActiveTab?: string;
+    activeTab?: string;
+    onTabChange?: (tabId: string) => void;
+    children: React.ReactNode;
+}
+export declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;

package/dist/ui/Tabs/useTabsContext.d.ts

@@ -0,0 +1,7 @@
+interface TabsContextType {
+    activeTab: string;
+    onTabChange: (tabId: string) => void;
+}
+export declare const TabsContext: import("react").Context<TabsContextType | undefined>;
+export declare const useTabsContext: () => TabsContextType;
+export {};

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

@@ -0,0 +1,18 @@
+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;

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+export declare function LogoSection(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+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/ui/Toolbar/Header/components/index.d.ts

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

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

@@ -0,0 +1,12 @@
+export declare const toolbarContainer: string;
+export declare const positionRight: string;
+export declare const positionLeft: string;
+export declare const toolbarCircle: string;
+export declare const toolbarExpanded: string;
+export declare const circleContent: string;
+export declare const circleLogo: string;
+export declare const toolbarContent: string;
+export declare const contentArea: string;
+export declare const scrollableContent: string;
+export declare const tabsContainer: string;
+export declare const tabsContainerChild: string;

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

@@ -0,0 +1,10 @@
+export interface LdToolbarProps {
+    position?: 'left' | 'right';
+}
+export declare function LdToolbar(props: LdToolbarProps): import("react/jsx-runtime").JSX.Element;
+export interface LaunchDarklyToolbarProps extends LdToolbarProps {
+    devServerUrl?: string;
+    projectKey?: string;
+    pollIntervalInMs?: number;
+}
+export declare function LaunchDarklyToolbar(props: LaunchDarklyToolbarProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,3 @@
+export declare const eventInfo: string;
+export declare const eventName: string;
+export declare const eventMeta: string;

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

@@ -0,0 +1 @@
+export declare function EventsTabContent(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+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;

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

@@ -0,0 +1 @@
+export declare function FlagTabContent(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+export declare const settingsGroup: string;
+export declare const settingsGroupTitle: string;
+export declare const settingInfo: string;
+export declare const settingDetails: string;
+export declare const settingName: 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/ui/Toolbar/TabContent/SettingsTabContent.d.ts

@@ -0,0 +1 @@
+export declare function SettingsTabContent(): import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

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

package/dist/ui/Toolbar/components/ConnectionStatus.css.d.ts

@@ -0,0 +1,4 @@
+export declare const connectionStatus: string;
+export declare const statusIndicator: string;
+export declare const statusText: string;
+export declare const lastSync: string;

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

@@ -0,0 +1,6 @@
+interface ConnectionStatusProps {
+    status: 'connected' | 'disconnected' | 'error';
+    lastSyncTime: number;
+}
+export declare function ConnectionStatus(props: ConnectionStatusProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/Toolbar/components/ErrorMessage.css.d.ts

@@ -0,0 +1,2 @@
+export declare const errorContainer: string;
+export declare const errorMessage: string;

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

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

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

@@ -0,0 +1,15 @@
+import { Dispatch, SetStateAction } from 'react';
+import { ActiveTabId } from '../types';
+interface ExpandedToolbarContentProps {
+    isExpanded: boolean;
+    activeTab: ActiveTabId;
+    slideDirection: number;
+    searchTerm: string;
+    searchIsExpanded: boolean;
+    onSearch: (searchTerm: string) => void;
+    onClose: () => void;
+    onTabChange: (tabId: string) => void;
+    setSearchIsExpanded: Dispatch<SetStateAction<boolean>>;
+}
+export declare function ExpandedToolbarContent(props: ExpandedToolbarContentProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,11 @@
+export declare const switch_: string;
+export declare const switchContainer: string;
+export declare const customVariantContainer: 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/ui/Toolbar/components/FlagControls.d.ts

@@ -0,0 +1,20 @@
+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/ui/Toolbar/components/GenericHelpText.css.d.ts

@@ -0,0 +1,3 @@
+export declare const genericHelpText: string;
+export declare const genericHelpTextP: string;
+export declare const genericHelpTextSpan: string;

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

@@ -0,0 +1,6 @@
+interface GenericHelpTextProps {
+    title: string;
+    subtitle?: string;
+}
+export declare function GenericHelpText(props: GenericHelpTextProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/Toolbar/components/IconButton.css.d.ts

@@ -0,0 +1,4 @@
+export declare const iconButton: string;
+export declare const small: string;
+export declare const medium: string;
+export declare const large: string;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+interface IconButtonProps {
+    icon: React.ReactNode;
+    label: string;
+    onClick: () => void;
+    disabled?: boolean;
+    className?: string;
+    size?: 'small' | 'medium' | 'large';
+}
+export declare function IconButton(props: IconButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/Toolbar/components/OverrideIndicator.css.d.ts

@@ -0,0 +1,5 @@
+export declare const overrideIndicator: string;
+export declare const interactive: string;
+export declare const overrideDot: string;
+export declare const overrideTextContainer: string;
+export declare const overrideText: string;

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

@@ -0,0 +1,5 @@
+interface OverrideIndicatorProps {
+    onClear?: () => void;
+}
+export declare function OverrideIndicator(props: OverrideIndicatorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/Toolbar/components/StatusDot.css.d.ts

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

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

@@ -0,0 +1,5 @@
+interface StatusDotProps {
+    status: 'connected' | 'disconnected' | 'error';
+}
+export declare function StatusDot(props: StatusDotProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+import { TabId } from '../types';
+interface TabContentRendererProps {
+    activeTab: TabId;
+    slideDirection: number;
+}
+export declare function TabContentRenderer(props: TabContentRendererProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/ui/Toolbar/components/icons/ArrowUndoIcon.d.ts

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

package/dist/ui/Toolbar/components/icons/CancelCircleIcon.d.ts

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

package/dist/ui/Toolbar/components/icons/CheckIcon.d.ts

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

package/dist/ui/Toolbar/components/icons/ChevronDownIcon.d.ts

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

package/dist/ui/Toolbar/components/icons/DeleteIcon.d.ts

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

package/dist/ui/Toolbar/components/icons/EditIcon.d.ts

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

package/dist/ui/Toolbar/components/icons/GearIcon.d.ts

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

package/dist/ui/Toolbar/components/icons/Icon.css.d.ts

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

package/dist/ui/Toolbar/components/icons/LaunchDarklyIcon.d.ts

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

package/dist/ui/Toolbar/components/icons/SearchIcon.d.ts

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

package/dist/ui/Toolbar/components/icons/SyncIcon.d.ts

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

package/dist/ui/Toolbar/components/icons/ToggleOffIcon.d.ts

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

package/dist/ui/Toolbar/components/icons/XIcon.d.ts

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

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

@@ -0,0 +1,11 @@
+export { SearchIcon } from './SearchIcon';
+export { ChevronDownIcon } from './ChevronDownIcon';
+export { EditIcon } from './EditIcon';
+export { SyncIcon } from './SyncIcon';
+export { ArrowUndoIcon } from './ArrowUndoIcon';
+export { CheckIcon } from './CheckIcon';
+export { ToggleOffIcon } from './ToggleOffIcon';
+export { GearIcon } from './GearIcon';
+export { DeleteIcon } from './DeleteIcon';
+export { CancelCircleIcon } from './CancelCircleIcon';
+export { XIcon } from './XIcon';

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

@@ -0,0 +1,8 @@
+export { ActionButtonsContainer } from './ActionButtonsContainer';
+export { CircleLogo } from './CircleLogo';
+export { ConnectionStatus } from './ConnectionStatus';
+export { ExpandedToolbarContent } from './ExpandedToolbarContent';
+export { LaunchDarklyIcon } from './icons/LaunchDarklyIcon';
+export { StatusDot } from './StatusDot';
+export { TabContentRenderer } from './TabContentRenderer';
+export { ErrorMessage } from './ErrorMessage';