react-klinecharts-ui 1.1.0 → 1.2.0

package/dist/index.d.cts

@@ -534,6 +534,22 @@ interface DrawingCategoryItem {
     key: string;
     tools: DrawingToolItem[];
 }
+/**
+ * Реактивный snapshot одного рисунка из группы `drawing_tools`.
+ * Поля соответствуют публичным свойствам `Overlay` в klinecharts v10.
+ */
+interface DrawingOverlayInfo {
+    /** Stable id из klinecharts (chart.getOverlays()[].id). */
+    id: string;
+    /** Имя overlay'я, напр. "segment", "fibonacciLine", "arrow". */
+    name: string;
+    /** Pane id, где нарисован. */
+    paneId: string;
+    /** Текущее состояние блокировки. */
+    locked: boolean;
+    /** Текущая видимость. */
+    visible: boolean;
+}
 interface UseDrawingToolsReturn {
     categories: DrawingCategoryItem[];
     activeTool: string | null;
@@ -542,6 +558,12 @@ interface UseDrawingToolsReturn {
     isVisible: boolean;
     /** Whether drawing tools auto-retrigger after completing a shape. Default: true. */
     autoRetrigger: boolean;
+    /**
+     * Реактивный список рисунков группы `drawing_tools`. Обновляется при
+     * добавлении/удалении/изменении свойств как через сам хук, так и при
+     * внешних изменениях (клавиша Delete, undo/redo) — см. polling-fallback.
+     */
+    overlays: DrawingOverlayInfo[];
     selectTool: (name: string) => void;
     clearActiveTool: () => void;
     setMagnetMode: (mode: MagnetMode) => void;
@@ -550,7 +572,20 @@ interface UseDrawingToolsReturn {
     removeAllDrawings: () => void;
     /** Enable/disable auto-retrigger mode. */
     setAutoRetrigger: (enabled: boolean) => void;
+    /** Удалить один рисунок по id. No-op если id нет в группе drawing_tools. */
+    removeDrawing: (id: string) => void;
+    /** Скрыть/показать один рисунок. */
+    setDrawingVisible: (id: string, visible: boolean) => void;
+    /** Заблокировать/разблокировать один рисунок. */
+    setDrawingLocked: (id: string, locked: boolean) => void;
 }
+/**
+ * Вернуть localeKey для имени инструмента (напр. "segment" → "segment",
+ * "fibonacciLine" → "fibonacci_line"). Если имя не найдено в
+ * `DRAWING_CATEGORIES` — вернуть само имя как fallback, чтобы потребитель
+ * всегда получал человекочитаемую строку без дублирования таблицы категорий.
+ */
+declare function drawingLabel(name: string): string;
 declare function useDrawingTools(): UseDrawingToolsReturn;
 
 interface CandleTypeOption {
@@ -1323,4 +1358,4 @@ declare const superTrend: IndicatorTemplate;
 
 declare const vwap: IndicatorTemplate;
 
-export { type AddIndicatorOptions, type Alert, type AlertCondition, AlertLineExtendData, type AlertTarget, type Annotation, CANDLE_TYPES, COMPARE_RULES, type CandleTypeItem, type CandleTypeOption, type ChartCell, type ChartLayoutState, type CompareRule, type CompareSymbol, type CrosshairBarData, DEFAULT_PERIODS, DEFAULT_STORAGE_KEY_PREFIX, DEFAULT_STORAGE_NAMESPACES, DEFAULT_SYNC_CONFIG, DRAWING_CATEGORIES, type Datafeed, type DrawingCategoryItem, type DrawingTool, type DrawingToolCategory, type DrawingToolItem, type ExportFormat, INDICATOR_PARAMS, type IndicatorDefinition, type IndicatorInfo, type IndicatorParamConfig, type KlinechartsUIAction, type KlinechartsUIContextValue, KlinechartsUIDispatchContext, type KlinechartsUIDispatchValue, type KlinechartsUIOptions, KlinechartsUIProvider, type KlinechartsUISettingsState, type KlinechartsUIState, KlinechartsUIStateContext, type LayoutEntry, MAIN_INDICATORS, type MagnetMode, type MeasurePoint, type MeasureResult, OrderLineExtendData, type OrderLineOptions, PRICE_AXIS_TYPES, type PartialSymbolInfo, type PriceAxisType, type ReplaySpeed, type ResolvedStorage, SUB_INDICATORS, type ScriptPlacement, type StorageAdapter, type StorageNamespace, type StorageOptions, type SyncChannel, type SyncConfig, TA, TIMEZONES, TOOLTIP_SHOW_RULES, type TerminalPeriod, type TimezoneItem, type TimezoneOption, type TooltipShowRule, type UndoRedoAction, type UndoRedoActionType, type UseAlertsReturn, type UseAnnotationsReturn, type UseChartAxesReturn, type UseChartSyncOptions, type UseCompareReturn, type UseCrosshairReturn, type UseDataExportReturn, type UseDrawingToolsReturn, type UseFullscreenReturn, type UseHotkeysReturn, type UseIndicatorsReturn, type UseKlinechartsUILoadingReturn, type UseKlinechartsUISettingsReturn, type UseKlinechartsUIThemeReturn, type UseLayoutManagerReturn, type UseMeasureReturn, type UseOrderLinesReturn, type UsePeriodsReturn, type UseReplayReturn, type UseScreenshotReturn, type UseScriptEditorReturn, type UseSymbolSearchReturn, type UseTimezoneReturn, type UseUndoRedoReturn, type UseWatchlistReturn, type WatchlistItem, type WorkspaceAction, type WorkspaceContextValue, WorkspaceProvider, type WorkspaceProviderProps, type WorkspaceState, YAXIS_POSITIONS, type YAxisPosition, abcd, anyWaves, arrow, bollTv, brush, cci, circle, createDataLoader, createDefaultStorage, eightWaves, elliottWave, fibRetracement, fibonacciCircle, fibonacciExtension, fibonacciSegment, fibonacciSpeedResistanceFan, fibonacciSpiral, fiveWaves, gannBox, gannFan, hma, ichimoku, longPosition, maRibbon, macdTv, measure, parallelChannel, parallelogram, pivotPoints, ray, rect, resolveStorage, rsiTv, shortPosition, stochastic, superTrend, threeWaves, triangle, useAlerts, useAnnotations, useChartAxes, useChartSync, useCompare, useCrosshair, useDataExport, useDrawingTools, useFullscreen, useHotkeys, useIndicators, useKlinechartsUI, useKlinechartsUILoading, useKlinechartsUISettings, useKlinechartsUITheme, useLayoutManager, useMeasure, useOrderLines, usePeriods, useReplay, useScreenshot, useScriptEditor, useSymbolSearch, useTimezone, useUndoRedo, useWatchlist, useWorkspace, vwap, xabcd };
+export { type AddIndicatorOptions, type Alert, type AlertCondition, AlertLineExtendData, type AlertTarget, type Annotation, CANDLE_TYPES, COMPARE_RULES, type CandleTypeItem, type CandleTypeOption, type ChartCell, type ChartLayoutState, type CompareRule, type CompareSymbol, type CrosshairBarData, DEFAULT_PERIODS, DEFAULT_STORAGE_KEY_PREFIX, DEFAULT_STORAGE_NAMESPACES, DEFAULT_SYNC_CONFIG, DRAWING_CATEGORIES, type Datafeed, type DrawingCategoryItem, type DrawingOverlayInfo, type DrawingTool, type DrawingToolCategory, type DrawingToolItem, type ExportFormat, INDICATOR_PARAMS, type IndicatorDefinition, type IndicatorInfo, type IndicatorParamConfig, type KlinechartsUIAction, type KlinechartsUIContextValue, KlinechartsUIDispatchContext, type KlinechartsUIDispatchValue, type KlinechartsUIOptions, KlinechartsUIProvider, type KlinechartsUISettingsState, type KlinechartsUIState, KlinechartsUIStateContext, type LayoutEntry, MAIN_INDICATORS, type MagnetMode, type MeasurePoint, type MeasureResult, OrderLineExtendData, type OrderLineOptions, PRICE_AXIS_TYPES, type PartialSymbolInfo, type PriceAxisType, type ReplaySpeed, type ResolvedStorage, SUB_INDICATORS, type ScriptPlacement, type StorageAdapter, type StorageNamespace, type StorageOptions, type SyncChannel, type SyncConfig, TA, TIMEZONES, TOOLTIP_SHOW_RULES, type TerminalPeriod, type TimezoneItem, type TimezoneOption, type TooltipShowRule, type UndoRedoAction, type UndoRedoActionType, type UseAlertsReturn, type UseAnnotationsReturn, type UseChartAxesReturn, type UseChartSyncOptions, type UseCompareReturn, type UseCrosshairReturn, type UseDataExportReturn, type UseDrawingToolsReturn, type UseFullscreenReturn, type UseHotkeysReturn, type UseIndicatorsReturn, type UseKlinechartsUILoadingReturn, type UseKlinechartsUISettingsReturn, type UseKlinechartsUIThemeReturn, type UseLayoutManagerReturn, type UseMeasureReturn, type UseOrderLinesReturn, type UsePeriodsReturn, type UseReplayReturn, type UseScreenshotReturn, type UseScriptEditorReturn, type UseSymbolSearchReturn, type UseTimezoneReturn, type UseUndoRedoReturn, type UseWatchlistReturn, type WatchlistItem, type WorkspaceAction, type WorkspaceContextValue, WorkspaceProvider, type WorkspaceProviderProps, type WorkspaceState, YAXIS_POSITIONS, type YAxisPosition, abcd, anyWaves, arrow, bollTv, brush, cci, circle, createDataLoader, createDefaultStorage, drawingLabel, eightWaves, elliottWave, fibRetracement, fibonacciCircle, fibonacciExtension, fibonacciSegment, fibonacciSpeedResistanceFan, fibonacciSpiral, fiveWaves, gannBox, gannFan, hma, ichimoku, longPosition, maRibbon, macdTv, measure, parallelChannel, parallelogram, pivotPoints, ray, rect, resolveStorage, rsiTv, shortPosition, stochastic, superTrend, threeWaves, triangle, useAlerts, useAnnotations, useChartAxes, useChartSync, useCompare, useCrosshair, useDataExport, useDrawingTools, useFullscreen, useHotkeys, useIndicators, useKlinechartsUI, useKlinechartsUILoading, useKlinechartsUISettings, useKlinechartsUITheme, useLayoutManager, useMeasure, useOrderLines, usePeriods, useReplay, useScreenshot, useScriptEditor, useSymbolSearch, useTimezone, useUndoRedo, useWatchlist, useWorkspace, vwap, xabcd };

package/dist/index.d.ts

@@ -534,6 +534,22 @@ interface DrawingCategoryItem {
     key: string;
     tools: DrawingToolItem[];
 }
+/**
+ * Реактивный snapshot одного рисунка из группы `drawing_tools`.
+ * Поля соответствуют публичным свойствам `Overlay` в klinecharts v10.
+ */
+interface DrawingOverlayInfo {
+    /** Stable id из klinecharts (chart.getOverlays()[].id). */
+    id: string;
+    /** Имя overlay'я, напр. "segment", "fibonacciLine", "arrow". */
+    name: string;
+    /** Pane id, где нарисован. */
+    paneId: string;
+    /** Текущее состояние блокировки. */
+    locked: boolean;
+    /** Текущая видимость. */
+    visible: boolean;
+}
 interface UseDrawingToolsReturn {
     categories: DrawingCategoryItem[];
     activeTool: string | null;
@@ -542,6 +558,12 @@ interface UseDrawingToolsReturn {
     isVisible: boolean;
     /** Whether drawing tools auto-retrigger after completing a shape. Default: true. */
     autoRetrigger: boolean;
+    /**
+     * Реактивный список рисунков группы `drawing_tools`. Обновляется при
+     * добавлении/удалении/изменении свойств как через сам хук, так и при
+     * внешних изменениях (клавиша Delete, undo/redo) — см. polling-fallback.
+     */
+    overlays: DrawingOverlayInfo[];
     selectTool: (name: string) => void;
     clearActiveTool: () => void;
     setMagnetMode: (mode: MagnetMode) => void;
@@ -550,7 +572,20 @@ interface UseDrawingToolsReturn {
     removeAllDrawings: () => void;
     /** Enable/disable auto-retrigger mode. */
     setAutoRetrigger: (enabled: boolean) => void;
+    /** Удалить один рисунок по id. No-op если id нет в группе drawing_tools. */
+    removeDrawing: (id: string) => void;
+    /** Скрыть/показать один рисунок. */
+    setDrawingVisible: (id: string, visible: boolean) => void;
+    /** Заблокировать/разблокировать один рисунок. */
+    setDrawingLocked: (id: string, locked: boolean) => void;
 }
+/**
+ * Вернуть localeKey для имени инструмента (напр. "segment" → "segment",
+ * "fibonacciLine" → "fibonacci_line"). Если имя не найдено в
+ * `DRAWING_CATEGORIES` — вернуть само имя как fallback, чтобы потребитель
+ * всегда получал человекочитаемую строку без дублирования таблицы категорий.
+ */
+declare function drawingLabel(name: string): string;
 declare function useDrawingTools(): UseDrawingToolsReturn;
 
 interface CandleTypeOption {
@@ -1323,4 +1358,4 @@ declare const superTrend: IndicatorTemplate;
 
 declare const vwap: IndicatorTemplate;
 
-export { type AddIndicatorOptions, type Alert, type AlertCondition, AlertLineExtendData, type AlertTarget, type Annotation, CANDLE_TYPES, COMPARE_RULES, type CandleTypeItem, type CandleTypeOption, type ChartCell, type ChartLayoutState, type CompareRule, type CompareSymbol, type CrosshairBarData, DEFAULT_PERIODS, DEFAULT_STORAGE_KEY_PREFIX, DEFAULT_STORAGE_NAMESPACES, DEFAULT_SYNC_CONFIG, DRAWING_CATEGORIES, type Datafeed, type DrawingCategoryItem, type DrawingTool, type DrawingToolCategory, type DrawingToolItem, type ExportFormat, INDICATOR_PARAMS, type IndicatorDefinition, type IndicatorInfo, type IndicatorParamConfig, type KlinechartsUIAction, type KlinechartsUIContextValue, KlinechartsUIDispatchContext, type KlinechartsUIDispatchValue, type KlinechartsUIOptions, KlinechartsUIProvider, type KlinechartsUISettingsState, type KlinechartsUIState, KlinechartsUIStateContext, type LayoutEntry, MAIN_INDICATORS, type MagnetMode, type MeasurePoint, type MeasureResult, OrderLineExtendData, type OrderLineOptions, PRICE_AXIS_TYPES, type PartialSymbolInfo, type PriceAxisType, type ReplaySpeed, type ResolvedStorage, SUB_INDICATORS, type ScriptPlacement, type StorageAdapter, type StorageNamespace, type StorageOptions, type SyncChannel, type SyncConfig, TA, TIMEZONES, TOOLTIP_SHOW_RULES, type TerminalPeriod, type TimezoneItem, type TimezoneOption, type TooltipShowRule, type UndoRedoAction, type UndoRedoActionType, type UseAlertsReturn, type UseAnnotationsReturn, type UseChartAxesReturn, type UseChartSyncOptions, type UseCompareReturn, type UseCrosshairReturn, type UseDataExportReturn, type UseDrawingToolsReturn, type UseFullscreenReturn, type UseHotkeysReturn, type UseIndicatorsReturn, type UseKlinechartsUILoadingReturn, type UseKlinechartsUISettingsReturn, type UseKlinechartsUIThemeReturn, type UseLayoutManagerReturn, type UseMeasureReturn, type UseOrderLinesReturn, type UsePeriodsReturn, type UseReplayReturn, type UseScreenshotReturn, type UseScriptEditorReturn, type UseSymbolSearchReturn, type UseTimezoneReturn, type UseUndoRedoReturn, type UseWatchlistReturn, type WatchlistItem, type WorkspaceAction, type WorkspaceContextValue, WorkspaceProvider, type WorkspaceProviderProps, type WorkspaceState, YAXIS_POSITIONS, type YAxisPosition, abcd, anyWaves, arrow, bollTv, brush, cci, circle, createDataLoader, createDefaultStorage, eightWaves, elliottWave, fibRetracement, fibonacciCircle, fibonacciExtension, fibonacciSegment, fibonacciSpeedResistanceFan, fibonacciSpiral, fiveWaves, gannBox, gannFan, hma, ichimoku, longPosition, maRibbon, macdTv, measure, parallelChannel, parallelogram, pivotPoints, ray, rect, resolveStorage, rsiTv, shortPosition, stochastic, superTrend, threeWaves, triangle, useAlerts, useAnnotations, useChartAxes, useChartSync, useCompare, useCrosshair, useDataExport, useDrawingTools, useFullscreen, useHotkeys, useIndicators, useKlinechartsUI, useKlinechartsUILoading, useKlinechartsUISettings, useKlinechartsUITheme, useLayoutManager, useMeasure, useOrderLines, usePeriods, useReplay, useScreenshot, useScriptEditor, useSymbolSearch, useTimezone, useUndoRedo, useWatchlist, useWorkspace, vwap, xabcd };
+export { type AddIndicatorOptions, type Alert, type AlertCondition, AlertLineExtendData, type AlertTarget, type Annotation, CANDLE_TYPES, COMPARE_RULES, type CandleTypeItem, type CandleTypeOption, type ChartCell, type ChartLayoutState, type CompareRule, type CompareSymbol, type CrosshairBarData, DEFAULT_PERIODS, DEFAULT_STORAGE_KEY_PREFIX, DEFAULT_STORAGE_NAMESPACES, DEFAULT_SYNC_CONFIG, DRAWING_CATEGORIES, type Datafeed, type DrawingCategoryItem, type DrawingOverlayInfo, type DrawingTool, type DrawingToolCategory, type DrawingToolItem, type ExportFormat, INDICATOR_PARAMS, type IndicatorDefinition, type IndicatorInfo, type IndicatorParamConfig, type KlinechartsUIAction, type KlinechartsUIContextValue, KlinechartsUIDispatchContext, type KlinechartsUIDispatchValue, type KlinechartsUIOptions, KlinechartsUIProvider, type KlinechartsUISettingsState, type KlinechartsUIState, KlinechartsUIStateContext, type LayoutEntry, MAIN_INDICATORS, type MagnetMode, type MeasurePoint, type MeasureResult, OrderLineExtendData, type OrderLineOptions, PRICE_AXIS_TYPES, type PartialSymbolInfo, type PriceAxisType, type ReplaySpeed, type ResolvedStorage, SUB_INDICATORS, type ScriptPlacement, type StorageAdapter, type StorageNamespace, type StorageOptions, type SyncChannel, type SyncConfig, TA, TIMEZONES, TOOLTIP_SHOW_RULES, type TerminalPeriod, type TimezoneItem, type TimezoneOption, type TooltipShowRule, type UndoRedoAction, type UndoRedoActionType, type UseAlertsReturn, type UseAnnotationsReturn, type UseChartAxesReturn, type UseChartSyncOptions, type UseCompareReturn, type UseCrosshairReturn, type UseDataExportReturn, type UseDrawingToolsReturn, type UseFullscreenReturn, type UseHotkeysReturn, type UseIndicatorsReturn, type UseKlinechartsUILoadingReturn, type UseKlinechartsUISettingsReturn, type UseKlinechartsUIThemeReturn, type UseLayoutManagerReturn, type UseMeasureReturn, type UseOrderLinesReturn, type UsePeriodsReturn, type UseReplayReturn, type UseScreenshotReturn, type UseScriptEditorReturn, type UseSymbolSearchReturn, type UseTimezoneReturn, type UseUndoRedoReturn, type UseWatchlistReturn, type WatchlistItem, type WorkspaceAction, type WorkspaceContextValue, WorkspaceProvider, type WorkspaceProviderProps, type WorkspaceState, YAXIS_POSITIONS, type YAxisPosition, abcd, anyWaves, arrow, bollTv, brush, cci, circle, createDataLoader, createDefaultStorage, drawingLabel, eightWaves, elliottWave, fibRetracement, fibonacciCircle, fibonacciExtension, fibonacciSegment, fibonacciSpeedResistanceFan, fibonacciSpiral, fiveWaves, gannBox, gannFan, hma, ichimoku, longPosition, maRibbon, macdTv, measure, parallelChannel, parallelogram, pivotPoints, ray, rect, resolveStorage, rsiTv, shortPosition, stochastic, superTrend, threeWaves, triangle, useAlerts, useAnnotations, useChartAxes, useChartSync, useCompare, useCrosshair, useDataExport, useDrawingTools, useFullscreen, useHotkeys, useIndicators, useKlinechartsUI, useKlinechartsUILoading, useKlinechartsUISettings, useKlinechartsUITheme, useLayoutManager, useMeasure, useOrderLines, usePeriods, useReplay, useScreenshot, useScriptEditor, useSymbolSearch, useTimezone, useUndoRedo, useWatchlist, useWorkspace, vwap, xabcd };

package/dist/index.js

@@ -1358,6 +1358,25 @@ var DRAWING_CATEGORIES = [
 
 // src/hooks/useDrawingTools.ts
 var DRAWING_GROUP_ID = "drawing_tools";
+var DRAWING_NAME_TO_LOCALE_KEY = new Map(
+  DRAWING_CATEGORIES.flatMap(
+    (cat) => cat.tools.map((tool) => [tool.name, tool.localeKey])
+  )
+);
+function drawingLabel(name) {
+  return DRAWING_NAME_TO_LOCALE_KEY.get(name) ?? name;
+}
+function overlaysEqual(a, b) {
+  if (a.length !== b.length) return false;
+  for (let i = 0; i < a.length; i++) {
+    const x = a[i];
+    const y = b[i];
+    if (x.id !== y.id || x.name !== y.name || x.paneId !== y.paneId || x.locked !== y.locked || x.visible !== y.visible) {
+      return false;
+    }
+  }
+  return true;
+}
 function useDrawingTools() {
   const { state } = useKlinechartsUI();
   const { undoRedoListenerRef } = useKlinechartsUIDispatch();
@@ -1378,6 +1397,34 @@ function useDrawingTools() {
     isVisibleRef.current = isVisible;
     magnetModeRef.current = magnetMode;
   });
+  const [overlays2, setOverlays] = useState([]);
+  const refreshOverlays = useCallback(() => {
+    if (!state.chart) {
+      setOverlays((prev) => prev.length === 0 ? prev : []);
+      return;
+    }
+    const list = state.chart.getOverlays({ groupId: DRAWING_GROUP_ID });
+    const next = list.map((o) => ({
+      id: o.id,
+      name: o.name,
+      paneId: o.paneId,
+      locked: !!o.lock,
+      visible: o.visible !== false
+      // klinecharts default = true
+    }));
+    setOverlays((prev) => overlaysEqual(prev, next) ? prev : next);
+  }, [state.chart]);
+  const refreshOverlaysRef = useRef(() => {
+  });
+  useEffect(() => {
+    refreshOverlaysRef.current = refreshOverlays;
+  });
+  useEffect(() => {
+    if (!state.chart) return;
+    queueMicrotask(() => refreshOverlaysRef.current());
+    const interval = setInterval(() => refreshOverlaysRef.current(), 1e3);
+    return () => clearInterval(interval);
+  }, [state.chart, refreshOverlays]);
   const categories = useMemo(
     () => DRAWING_CATEGORIES.map((cat) => ({
       key: cat.key,
@@ -1413,6 +1460,7 @@ function useDrawingTools() {
               }
             }
           });
+          refreshOverlaysRef.current();
           if (autoRetriggerRef.current && activeToolRef.current === name) {
             requestAnimationFrame(() => {
               createOverlayForToolRef.current(name);
@@ -1439,49 +1487,52 @@ function useDrawingTools() {
   const setMagnetMode = useCallback(
     (mode) => {
       setMagnetModeState(mode);
-      const overlays2 = state.chart?.getOverlays({ groupId: DRAWING_GROUP_ID });
-      if (overlays2) {
+      const overlays3 = state.chart?.getOverlays({ groupId: DRAWING_GROUP_ID });
+      if (overlays3) {
         const overlayMode = mode === "strong" ? "strong_magnet" : mode === "weak" ? "weak_magnet" : "normal";
-        overlays2.forEach((overlay) => {
+        overlays3.forEach((overlay) => {
           state.chart?.overrideOverlay({
             id: overlay.id,
             mode: overlayMode
           });
         });
       }
+      refreshOverlaysRef.current();
     },
     [state.chart]
   );
   const toggleLock = useCallback(() => {
     const newLocked = !isLocked;
     setIsLocked(newLocked);
-    const overlays2 = state.chart?.getOverlays({ groupId: DRAWING_GROUP_ID });
-    if (overlays2) {
-      overlays2.forEach((overlay) => {
+    const overlays3 = state.chart?.getOverlays({ groupId: DRAWING_GROUP_ID });
+    if (overlays3) {
+      overlays3.forEach((overlay) => {
         state.chart?.overrideOverlay({
           id: overlay.id,
           lock: newLocked
         });
       });
     }
+    refreshOverlaysRef.current();
   }, [state.chart, isLocked]);
   const toggleVisibility = useCallback(() => {
     const newVisible = !isVisible;
     setIsVisible(newVisible);
-    const overlays2 = state.chart?.getOverlays({ groupId: DRAWING_GROUP_ID });
-    if (overlays2) {
-      overlays2.forEach((overlay) => {
+    const overlays3 = state.chart?.getOverlays({ groupId: DRAWING_GROUP_ID });
+    if (overlays3) {
+      overlays3.forEach((overlay) => {
         state.chart?.overrideOverlay({
           id: overlay.id,
           visible: newVisible
         });
       });
     }
+    refreshOverlaysRef.current();
   }, [state.chart, isVisible]);
   const removeAllDrawings = useCallback(() => {
-    const overlays2 = state.chart?.getOverlays({ groupId: DRAWING_GROUP_ID });
-    if (overlays2 && overlays2.length > 0) {
-      const snapshot = overlays2.map((o) => ({
+    const overlays3 = state.chart?.getOverlays({ groupId: DRAWING_GROUP_ID });
+    if (overlays3 && overlays3.length > 0) {
+      const snapshot = overlays3.map((o) => ({
         name: o.name,
         id: o.id,
         points: o.points,
@@ -1495,7 +1546,29 @@ function useDrawingTools() {
     }
     state.chart?.removeOverlay({ groupId: DRAWING_GROUP_ID });
     setActiveTool(null);
+    refreshOverlaysRef.current();
   }, [state.chart, undoRedoListenerRef]);
+  const removeDrawing = useCallback(
+    (id) => {
+      state.chart?.removeOverlay({ id, groupId: DRAWING_GROUP_ID });
+      refreshOverlaysRef.current();
+    },
+    [state.chart]
+  );
+  const setDrawingVisible = useCallback(
+    (id, visible) => {
+      state.chart?.overrideOverlay({ id, visible });
+      refreshOverlaysRef.current();
+    },
+    [state.chart]
+  );
+  const setDrawingLocked = useCallback(
+    (id, locked) => {
+      state.chart?.overrideOverlay({ id, lock: locked });
+      refreshOverlaysRef.current();
+    },
+    [state.chart]
+  );
   return {
     categories,
     activeTool,
@@ -1503,13 +1576,17 @@ function useDrawingTools() {
     isLocked,
     isVisible,
     autoRetrigger,
+    overlays: overlays2,
     selectTool,
     clearActiveTool,
     setMagnetMode,
     toggleLock,
     toggleVisibility,
     removeAllDrawings,
-    setAutoRetrigger
+    setAutoRetrigger,
+    removeDrawing,
+    setDrawingVisible,
+    setDrawingLocked
   };
 }
 
@@ -3735,6 +3812,6 @@ function useChartSync({ cellId }) {
   }, [state.period]);
 }
 
-export { CANDLE_TYPES, COMPARE_RULES, DEFAULT_PERIODS, DEFAULT_STORAGE_KEY_PREFIX, DEFAULT_STORAGE_NAMESPACES, DEFAULT_SYNC_CONFIG, DRAWING_CATEGORIES, INDICATOR_PARAMS, KlinechartsUIProvider, MAIN_INDICATORS, PRICE_AXIS_TYPES, SUB_INDICATORS, TIMEZONES, TOOLTIP_SHOW_RULES, WorkspaceProvider, YAXIS_POSITIONS, createDefaultStorage, resolveStorage, useAlerts, useAnnotations, useChartAxes, useChartSync, useCompare, useCrosshair, useDataExport, useDrawingTools, useFullscreen, useHotkeys, useIndicators, useKlinechartsUILoading, useKlinechartsUISettings, useKlinechartsUITheme, useLayoutManager, useMeasure, useOrderLines, usePeriods, useReplay, useScreenshot, useScriptEditor, useSymbolSearch, useTimezone, useUndoRedo, useWatchlist, useWorkspace };
+export { CANDLE_TYPES, COMPARE_RULES, DEFAULT_PERIODS, DEFAULT_STORAGE_KEY_PREFIX, DEFAULT_STORAGE_NAMESPACES, DEFAULT_SYNC_CONFIG, DRAWING_CATEGORIES, INDICATOR_PARAMS, KlinechartsUIProvider, MAIN_INDICATORS, PRICE_AXIS_TYPES, SUB_INDICATORS, TIMEZONES, TOOLTIP_SHOW_RULES, WorkspaceProvider, YAXIS_POSITIONS, createDefaultStorage, drawingLabel, resolveStorage, useAlerts, useAnnotations, useChartAxes, useChartSync, useCompare, useCrosshair, useDataExport, useDrawingTools, useFullscreen, useHotkeys, useIndicators, useKlinechartsUILoading, useKlinechartsUISettings, useKlinechartsUITheme, useLayoutManager, useMeasure, useOrderLines, usePeriods, useReplay, useScreenshot, useScriptEditor, useSymbolSearch, useTimezone, useUndoRedo, useWatchlist, useWorkspace };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map