@launchdarkly/toolbar 1.1.2 → 1.2.0

package/dist/core/ui/Toolbar/components/FilterOptions/ClearButton.css.d.ts

@@ -0,0 +1,2 @@
+export declare const clearButton: string;
+export declare const smallIcon: string;

package/dist/core/ui/Toolbar/components/FilterOptions/ClearButton.d.ts

@@ -0,0 +1,8 @@
+interface ClearButtonProps {
+    label: string;
+    count: number;
+    onClick: () => void;
+    isLoading?: boolean;
+}
+export declare function ClearButton({ label, count, onClick, isLoading }: ClearButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,4 @@
+export declare const container: string;
+export declare const filterButton: string;
+export declare const bottomRow: string;
+export declare const statusText: string;

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

@@ -0,0 +1,10 @@
+export interface FilterOptionsProps {
+    totalFlags: number;
+    filteredFlags: number;
+    totalOverriddenFlags: number;
+    starredCount: number;
+    onClearOverrides?: () => void;
+    onClearStarred?: () => void;
+    isLoading?: boolean;
+}
+export declare function FilterOptions(props: FilterOptionsProps): import("react/jsx-runtime").JSX.Element;

package/dist/core/ui/Toolbar/components/FilterOptions/useFlagFilterOptions.d.ts

@@ -0,0 +1,13 @@
+export declare const FILTER_MODES: {
+    readonly ALL: "all";
+    readonly OVERRIDES: "overrides";
+    readonly STARRED: "starred";
+};
+export type FlagFilterMode = (typeof FILTER_MODES)[keyof typeof FILTER_MODES];
+interface FlagFilterOptionsContextType {
+    activeFilters: Set<FlagFilterMode>;
+    onFilterToggle: (filter: FlagFilterMode) => void;
+}
+export declare const FlagFilterOptionsContext: import("react").Context<FlagFilterOptionsContextType | undefined>;
+export declare const useFlagFilterOptions: () => FlagFilterOptionsContextType;
+export {};

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

@@ -4,6 +4,7 @@ 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;

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

@@ -0,0 +1,2 @@
+export declare const starButton: string;
+export declare const starIcon: string;

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

@@ -0,0 +1,7 @@
+interface StarButtonProps {
+    flagKey: string;
+    isStarred: boolean;
+    onToggle: (flagKey: string) => void;
+}
+export declare function StarButton({ flagKey, isStarred, onToggle }: StarButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

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

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

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

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

@@ -9,4 +9,6 @@ export { ToggleOffIcon } from './ToggleOffIcon';
 export { GearIcon } from './GearIcon';
 export { DeleteIcon } from './DeleteIcon';
 export { CancelCircleIcon } from './CancelCircleIcon';
-export { XIcon } from './XIcon';
+export { CancelIcon } from './CancelIcon';
+export { StarIcon } from './StarIcon';
+export { StarOutlineIcon } from './StarOutlineIcon';

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

@@ -7,3 +7,5 @@ export { LaunchDarklyIcon } from './icons/LaunchDarklyIcon';
 export { StatusDot } from './StatusDot';
 export { TabContentRenderer } from './TabContentRenderer';
 export { ErrorMessage } from './ErrorMessage';
+export { type FlagFilterMode, FlagFilterOptionsContext, useFlagFilterOptions, } from './FilterOptions/useFlagFilterOptions';
+export { FilterOptions } from './FilterOptions/FilterOptions';

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

@@ -0,0 +1,12 @@
+import React from 'react';
+type StarredFlagsContextType = {
+    toggleStarred: (flagKey: string) => void;
+    isStarred: (flagKey: string) => boolean;
+    clearAllStarred: () => void;
+    starredCount: number;
+};
+export declare function StarredFlagsProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useStarredFlags(): StarredFlagsContextType;
+export {};

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

@@ -3,3 +3,4 @@ export { SearchProvider, useSearchContext } from './SearchProvider';
 export { ToolbarUIProvider, useToolbarUIContext } from './ToolbarUIProvider';
 export { FlagSdkOverrideProvider, useFlagSdkOverrideContext, type LocalFlag, type FlagSdkOverrideContextType, } from './FlagSdkOverrideProvider';
 export { AnalyticsProvider, useAnalytics } from './AnalyticsProvider';
+export { StarredFlagsProvider, useStarredFlags } from './StarredFlagsProvider';

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

@@ -3,6 +3,7 @@ export declare const TOOLBAR_STORAGE_KEYS: {
     readonly SETTINGS: "ld-toolbar-settings";
     readonly DISABLED: "ld-toolbar-disabled";
     readonly PROJECT: "ld-toolbar-project";
+    readonly STARRED_FLAGS: "ld-toolbar-starred-flags";
 };
 export interface ToolbarSettings {
     position: ToolbarPosition;
@@ -16,3 +17,5 @@ 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 loadStarredFlags(): Set<string>;
+export declare function saveStarredFlags(starredFlags: Set<string>): void;

package/dist/core/utils/analytics.d.ts

@@ -40,13 +40,17 @@ export declare class ToolbarAnalytics {
      */
     trackFlagOverride(flagKey: string, value: unknown, action: 'set' | 'remove' | 'clear_all'): void;
     /**
-     * Track opening a flag deeplink
+     * Track starred flag events
      */
-    trackOpenFlagDeeplink(flagKey: string, baseUrl: string): void;
+    trackStarredFlag(flagKey: string, action: 'star' | 'unstar' | 'clear_all'): void;
+    /**
+     * Track filter changes
+     */
+    trackFilterChange(filter: 'all' | 'overrides' | 'starred', action: 'selected' | 'deselected'): void;
     /**
-     * Track 'Show overrides only' clicks
+     * Track opening a flag deeplink
      */
-    trackShowOverridesOnlyClick(enabled: boolean): void;
+    trackOpenFlagDeeplink(flagKey: string, baseUrl: string): void;
     /**
      * Track Event clicks
      */

package/dist/index.cjs

@@ -553,7 +553,7 @@ async function lazyLoad(signal, url) {
     }
 }
 var package_namespaceObject = {
-    rE: "1.1.2"
+    rE: "1.2.0"
 };
 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.1.2"
+    rE: "1.2.0"
 };
 function useLaunchDarklyToolbar(args) {
     const { toolbarBundleUrl, enabled, ...initConfig } = args;

package/package.json

@@ -1,7 +1,7 @@
 {
   "private": false,
   "name": "@launchdarkly/toolbar",
-  "version": "1.1.2",
+  "version": "1.2.0",
   "description": "A React component that provides a developer-friendly toolbar for interacting with LaunchDarkly during development",
   "keywords": [
     "launchdarkly",
@@ -49,22 +49,22 @@
     "@codemirror/commands": "^6.10.0",
     "@codemirror/lang-json": "^6.0.2",
     "@codemirror/language": "^6.11.3",
-    "@codemirror/lint": "^6.9.1",
+    "@codemirror/lint": "^6.9.2",
     "@codemirror/state": "^6.5.2",
-    "@codemirror/view": "^6.38.2",
-    "@launchpad-ui/components": "^0.16.12",
+    "@codemirror/view": "^6.38.6",
+    "@launchpad-ui/components": "^0.17.5",
     "@launchpad-ui/tokens": "^0.15.1",
-    "@lezer/highlight": "^1.2.1",
+    "@lezer/highlight": "^1.2.3",
     "@react-aria/focus": "^3.21.2",
     "@react-stately/flags": "^3.1.2",
-    "@rsbuild/core": "^1.6.0",
-    "@rsbuild/plugin-react": "^1.4.1",
+    "@rsbuild/core": "^1.6.3",
+    "@rsbuild/plugin-react": "^1.4.2",
     "@rslib/core": "^0.17.0",
-    "@storybook/addon-docs": "^10.0.1",
+    "@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.4",
+    "@storybook/addon-onboarding": "^10.0.6",
     "@storybook/blocks": "^9.0.0-alpha.17",
     "@storybook/react": "^10.0.4",
     "@storybook/react-vite": "^9.0.5",
@@ -80,17 +80,17 @@
     "@vanilla-extract/webpack-plugin": "^2.3.22",
     "@vitest/coverage-v8": "4.0.5",
     "css-loader": "^7.1.2",
-    "jsdom": "^27.0.1",
+    "jsdom": "^27.2.0",
     "launchdarkly-js-client-sdk": "^3.9.0",
     "motion": "^12.19.2",
     "oxlint": "^1.24.0",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
     "storybook": "^9.1.16",
-    "storybook-addon-rslib": "^2.1.2",
+    "storybook-addon-rslib": "^2.1.4",
     "storybook-react-rsbuild": "^2.1.2",
     "typescript": "^5.9.3",
-    "vitest": "^4.0.7"
+    "vitest": "^4.0.8"
   },
   "peerDependencies": {
     "launchdarkly-js-client-sdk": ">=3.9.0 <4.0.0",

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

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