fcr-ui-scene 3.8.2 → 3.9.0-alpha

package/lib/modules/annotation/index.js

@@ -0,0 +1,152 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.reflect.construct.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AnnotationUIModule = void 0;
+require("core-js/modules/es.error.cause.js");
+require("core-js/modules/es.error.to-string.js");
+require("core-js/modules/es.array.concat.js");
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _base = require("../../base");
+var _store = require("./store.base");
+var _view = require("./view");
+var _objectManager = require("../../object-manager");
+var _view2 = require("./standalone-toolbar/view");
+var _store2 = require("./standalone-toolbar/store");
+var _env = require("agora-foundation/lib/utilities/env");
+var _store3 = require("./store.electron");
+var _store4 = require("./store.browser");
+var _toolbarStore = require("./toolbar-store");
+var _jsxRuntime = require("react/jsx-runtime");
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var AnnotationUIModule = exports.AnnotationUIModule = /*#__PURE__*/function (_UIModule) {
+  function AnnotationUIModule() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, AnnotationUIModule);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, AnnotationUIModule, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "_standaloneToolbarStore", null);
+    (0, _defineProperty2["default"])(_this, "_toolbarStore", null);
+    (0, _defineProperty2["default"])(_this, "_store", null);
+    return _this;
+  }
+  (0, _inherits2["default"])(AnnotationUIModule, _UIModule);
+  return (0, _createClass2["default"])(AnnotationUIModule, [{
+    key: "store",
+    get: function get() {
+      if (!this._store) {
+        throw new Error('AnnotationStore is not initialized');
+      }
+      return this._store;
+    }
+  }, {
+    key: "toolbarStore",
+    get: function get() {
+      if (!this._toolbarStore) {
+        throw new Error('AnnotationToolbarStore is not initialized');
+      }
+      return this._toolbarStore;
+    }
+  }, {
+    key: "standaloneToolbarStore",
+    get: function get() {
+      if (!this._standaloneToolbarStore) {
+        throw new Error('AnnotationToolbarStore is not initialized');
+      }
+      return this._standaloneToolbarStore;
+    }
+  }, {
+    key: "onNodeWillActive",
+    value: function onNodeWillActive() {
+      this._standaloneToolbarStore = (0, _env.isElectron)() ? new _store2.StandaloneAnnotationToolbarStore({
+        objectManager: this.objectManager
+      }) : null;
+      this._toolbarStore = new _toolbarStore.AnnotationToolbarStore({
+        objectManager: this.objectManager
+      });
+      this._store = (0, _env.isElectron)() ? new _store3.AnnotationStore({
+        objectManager: this.objectManager
+      }) : new _store4.AnnotationStore({
+        objectManager: this.objectManager
+      });
+    }
+  }, {
+    key: "onNodeWillInactive",
+    value: function onNodeWillInactive() {
+      if (this._standaloneToolbarStore) {
+        this._standaloneToolbarStore.release();
+      }
+      this.toolbarStore.release();
+      this.store.release();
+    }
+
+    /**
+     * 主窗口标注
+     * @returns
+     */
+  }, {
+    key: "getComponent",
+    value: function getComponent() {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_store.AnnotationStoreContext.Provider, {
+        value: this.store,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_toolbarStore.AnnotationToolbarContext.Provider, {
+          value: this.toolbarStore,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_view.Annotation, {})
+        })
+      });
+    }
+
+    /**
+     * 遮罩标注
+     * @returns
+     */
+  }, {
+    key: "getBoardComponent",
+    value: function getBoardComponent() {
+      var renderer = this.objectManager.getObject(_objectManager.FcrUIObjectKeys.RENDERER_WRAPPER);
+      var baseUrl = renderer.getBaseUrl();
+      var url = "".concat(baseUrl, "/annotation.html");
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        style: {
+          width: '100%',
+          height: '100%'
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("iframe", {
+          src: url,
+          style: {
+            width: '100%',
+            height: '100%'
+          }
+        })
+      });
+    }
+
+    /**
+     * 遮罩标注工具栏
+     * @returns
+     */
+  }, {
+    key: "getBoardToolComponent",
+    value: function getBoardToolComponent() {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_store2.StandaloneAnnotationToolbarContext.Provider, {
+        value: this.standaloneToolbarStore,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_view2.AnnotationToolbar, {})
+      });
+    }
+  }, {
+    key: "onUiEvent",
+    value: function onUiEvent(event, payload) {}
+  }]);
+}(_base.UIModule);

package/lib/{fragments/annotation/toolbar → modules/annotation/standalone-toolbar}/components/color-tool/color-panel/index.js

@@ -13,12 +13,12 @@ var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _item = require("../../item/item");
 var _panel = require("../../panel");
 var _mobxReact = require("mobx-react");
-var _store = require("../../../store");
 var _react = require("react");
+var _store = require("../../../store");
 var _jsxRuntime = require("react/jsx-runtime");
 var AnnotationColorPanel = exports.AnnotationColorPanel = (0, _mobxReact.observer)(function (props) {
   var onClick = props.onClick;
-  var _useContext = (0, _react.useContext)(_store.AnnotationToolbarContext),
+  var _useContext = (0, _react.useContext)(_store.StandaloneAnnotationToolbarContext),
     _useContext$observabl = _useContext.observables,
     colors = _useContext$observabl.colors,
     currentColor = _useContext$observabl.currentColor;

package/lib/{fragments/annotation/toolbar → modules/annotation/standalone-toolbar}/components/color-tool/index.js

@@ -11,24 +11,23 @@ var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _item = require("../item/item");
 var _colorPanel = require("./color-panel");
 var _mobxReact = require("mobx-react");
-var _store = require("../../store");
 var _react = require("react");
 var _i18n = require("agora-ui-foundation/lib/i18n");
-var _hostAreaContainer = require("../../../../../modules/dialog/components/host-area-container");
+var _store = require("../../store");
+var _boundaryDetector = require("../../../../control-bar/components/boundary-detector");
 var _jsxRuntime = require("react/jsx-runtime");
 var AnnotationColorTool = exports.AnnotationColorTool = (0, _mobxReact.observer)(function () {
-  var _useContext = (0, _react.useContext)(_store.AnnotationToolbarContext),
+  var _useContext = (0, _react.useContext)(_store.StandaloneAnnotationToolbarContext),
     currentColor = _useContext.observables.currentColor,
     setStrokeColor = _useContext.setStrokeColor,
     popoverVisible = _useContext.popoverVisible,
-    setPopoverVisible = _useContext.setPopoverVisible;
+    setPopoverVisible = _useContext.setPopoverVisible,
+    setPopoverArea = _useContext.setPopoverArea;
   var t = (0, _i18n.useI18n)();
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     visible = _useState2[0],
     setVisible = _useState2[1];
-  var _useContext2 = (0, _react.useContext)(_hostAreaContainer.HotAreaContext),
-    placement = _useContext2.placement;
   var handleClick = function handleClick(color) {
     setStrokeColor(color);
     setVisible(!visible);
@@ -40,17 +39,31 @@ var AnnotationColorTool = exports.AnnotationColorTool = (0, _mobxReact.observer)
   };
   (0, _react.useEffect)(function () {
     !popoverVisible && setVisible(false);
+    if (!popoverVisible) {
+      setPopoverArea({
+        x: 0,
+        y: 0,
+        width: 0,
+        height: 0
+      });
+    }
   }, [popoverVisible]);
+  var handleBoundariesChanged = (0, _react.useCallback)(function (boundaries) {
+    console.log('Annotation toolbar color tool boundaries changed');
+    setPopoverArea(boundaries);
+  }, []);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.AnnotationToolItem, {
-    placement: placement,
     iconType: _type.FcrIconType.FCR_COLOR,
     color: currentColor,
     title: t('fmt_whiteboard_labels_colour'),
     lineColor: "transparent",
     visible: visible && popoverVisible,
     onVisibleChange: handleVisibleChange,
-    content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_colorPanel.AnnotationColorPanel, {
-      onClick: handleClick
+    content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_boundaryDetector.BoundaryDetector, {
+      onBoundariesChanged: handleBoundariesChanged,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_colorPanel.AnnotationColorPanel, {
+        onClick: handleClick
+      })
     })
   });
 });

package/lib/{fragments/annotation/toolbar → modules/annotation/standalone-toolbar}/components/graphic-tool/graphic-panel/index.js

@@ -12,19 +12,18 @@ require("core-js/modules/esnext.iterator.map.js");
 var _item = require("../../item/item");
 var _panel = require("../../panel");
 var _mobxReact = require("mobx-react");
-var _store = require("../../../store");
 var _react = require("react");
 var _libs = require("./libs");
+var _store = require("../../../store");
 var _jsxRuntime = require("react/jsx-runtime");
 var AnnotationGraphicPanel = exports.AnnotationGraphicPanel = (0, _mobxReact.observer)(function (props) {
-  var _useContext = (0, _react.useContext)(_store.AnnotationToolbarContext),
+  var _useContext = (0, _react.useContext)(_store.StandaloneAnnotationToolbarContext),
     _useContext$observabl = _useContext.observables,
     currentShape = _useContext$observabl.currentShape,
     currentStrokeWidth = _useContext$observabl.currentStrokeWidth,
     setShape = _useContext.setShape,
     setTool = _useContext.setTool,
     setStrokeWidth = _useContext.setStrokeWidth;
-  var onClick = props.onClick;
   var handleShapeClick = function handleShapeClick(shape) {
     return function () {
       // onClick();

package/lib/{fragments/annotation/toolbar → modules/annotation/standalone-toolbar}/components/graphic-tool/index.js

@@ -16,23 +16,22 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _item = require("../item/item");
 var _graphicPanel = require("./graphic-panel");
 var _mobxReact = require("mobx-react");
-var _store = require("../../store");
 var _react = require("react");
 var _libs = require("./graphic-panel/libs");
 var _i18n = require("agora-ui-foundation/lib/i18n");
-var _hostAreaContainer = require("../../../../../modules/dialog/components/host-area-container");
+var _store = require("../../store");
+var _boundaryDetector = require("../../../../control-bar/components/boundary-detector");
 var _jsxRuntime = require("react/jsx-runtime");
 var AnnotationGraphicTool = exports.AnnotationGraphicTool = (0, _mobxReact.observer)(function () {
-  var _useContext = (0, _react.useContext)(_store.AnnotationToolbarContext),
+  var _useContext = (0, _react.useContext)(_store.StandaloneAnnotationToolbarContext),
     _useContext$observabl = _useContext.observables,
     currentColor = _useContext$observabl.currentColor,
     currentShape = _useContext$observabl.currentShape,
     currentTool = _useContext$observabl.currentTool,
     setTool = _useContext.setTool,
     popoverVisible = _useContext.popoverVisible,
-    setPopoverVisible = _useContext.setPopoverVisible;
-  var _useContext2 = (0, _react.useContext)(_hostAreaContainer.HotAreaContext),
-    placement = _useContext2.placement;
+    setPopoverVisible = _useContext.setPopoverVisible,
+    setPopoverArea = _useContext.setPopoverArea;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     visible = _useState2[0],
@@ -49,9 +48,20 @@ var AnnotationGraphicTool = exports.AnnotationGraphicTool = (0, _mobxReact.obser
   };
   (0, _react.useEffect)(function () {
     !popoverVisible && setVisible(false);
+    if (!popoverVisible) {
+      setPopoverArea({
+        x: 0,
+        y: 0,
+        width: 0,
+        height: 0
+      });
+    }
   }, [popoverVisible]);
+  var handleBoundariesChanged = (0, _react.useCallback)(function (boundaries) {
+    console.log('Annotation toolbar graphic tool boundaries changed');
+    setPopoverArea(boundaries);
+  }, []);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.AnnotationToolItem, {
-    placement: placement,
     active: _libs.tools.some(function (tool) {
       return (0, _libs.convertShapeToBoardToolType)(tool.shape) === currentTool;
     }),
@@ -63,8 +73,11 @@ var AnnotationGraphicTool = exports.AnnotationGraphicTool = (0, _mobxReact.obser
     visible: visible && popoverVisible,
     onVisibleChange: handleVisibleChange,
     onClick: handleClick,
-    content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_graphicPanel.AnnotationGraphicPanel, {
-      onClick: handleClick
+    content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_boundaryDetector.BoundaryDetector, {
+      onBoundariesChanged: handleBoundariesChanged,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_graphicPanel.AnnotationGraphicPanel, {
+        onClick: handleClick
+      })
     })
   });
 });

package/lib/{fragments/annotation/toolbar → modules/annotation/standalone-toolbar}/components/pen-tool/index.js

@@ -12,22 +12,21 @@ var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _item = require("../item/item");
 var _penPanel = require("./pen-panel");
 var _mobxReact = require("mobx-react");
-var _store = require("../../store");
 var _react = require("react");
 var _fcrCore = require("fcr-core");
 var _i18n = require("agora-ui-foundation/lib/i18n");
-var _hostAreaContainer = require("../../../../../modules/dialog/components/host-area-container");
+var _store = require("../../store");
+var _boundaryDetector = require("../../../../control-bar/components/boundary-detector");
 var _jsxRuntime = require("react/jsx-runtime");
 var AnnotationPenTool = exports.AnnotationPenTool = (0, _mobxReact.observer)(function () {
-  var _useContext = (0, _react.useContext)(_store.AnnotationToolbarContext),
+  var _useContext = (0, _react.useContext)(_store.StandaloneAnnotationToolbarContext),
     _useContext$observabl = _useContext.observables,
     currentColor = _useContext$observabl.currentColor,
     currentTool = _useContext$observabl.currentTool,
     setTool = _useContext.setTool,
     popoverVisible = _useContext.popoverVisible,
-    setPopoverVisible = _useContext.setPopoverVisible;
-  var _useContext2 = (0, _react.useContext)(_hostAreaContainer.HotAreaContext),
-    placement = _useContext2.placement;
+    setPopoverVisible = _useContext.setPopoverVisible,
+    setPopoverArea = _useContext.setPopoverArea;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     visible = _useState2[0],
@@ -43,11 +42,22 @@ var AnnotationPenTool = exports.AnnotationPenTool = (0, _mobxReact.observer)(fun
   };
   (0, _react.useEffect)(function () {
     !popoverVisible && setVisible(false);
+    if (!popoverVisible) {
+      setPopoverArea({
+        x: 0,
+        y: 0,
+        width: 0,
+        height: 0
+      });
+    }
   }, [popoverVisible]);
   var t = (0, _i18n.useI18n)();
   var penMap = (0, _defineProperty2["default"])({}, _fcrCore.FcrBoardToolType.CURVE, _type.FcrIconType.FCR_WHITEBOARD_PED5);
+  var handleBoundariesChanged = (0, _react.useCallback)(function (boundaries) {
+    console.log('Annotation toolbar pen tool boundaries changed');
+    setPopoverArea(boundaries);
+  }, []);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.AnnotationToolItem, {
-    placement: placement,
     active: currentTool in penMap,
     iconType: currentTool in penMap ? penMap[currentTool] : _type.FcrIconType.FCR_WHITEBOARD_PED5,
     title: t('fmt_screenshare_whiteboard_button_paintbrush'),
@@ -55,8 +65,11 @@ var AnnotationPenTool = exports.AnnotationPenTool = (0, _mobxReact.observer)(fun
     visible: visible && popoverVisible,
     onVisibleChange: handleVisibleChange,
     onClick: handleClick,
-    content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_penPanel.AnnotationPenPanel, {
-      onClick: handleClick
+    content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_boundaryDetector.BoundaryDetector, {
+      onBoundariesChanged: handleBoundariesChanged,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_penPanel.AnnotationPenPanel, {
+        onClick: handleClick
+      })
     })
   });
 });

package/lib/{fragments/annotation/toolbar → modules/annotation/standalone-toolbar}/components/pen-tool/pen-panel/index.js

@@ -15,7 +15,7 @@ var _react = require("react");
 var _store = require("../../../store");
 var _jsxRuntime = require("react/jsx-runtime");
 var AnnotationPenPanel = exports.AnnotationPenPanel = (0, _mobxReact.observer)(function (props) {
-  var _useContext = (0, _react.useContext)(_store.AnnotationToolbarContext),
+  var _useContext = (0, _react.useContext)(_store.StandaloneAnnotationToolbarContext),
     currentStrokeWidth = _useContext.observables.currentStrokeWidth,
     setStrokeWidth = _useContext.setStrokeWidth;
   var _onClick = props.onClick;

package/lib/modules/annotation/standalone-toolbar/components/permission-tool/index.d.ts

@@ -0,0 +1 @@
+export declare const AnnotationPermissionTool: () => import("react/jsx-runtime").JSX.Element;

package/lib/modules/annotation/standalone-toolbar/components/permission-tool/index.js

@@ -0,0 +1,52 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AnnotationPermissionTool = void 0;
+var _type = require("agora-ui-foundation/lib/components/icon/type");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _annotationMenu = _interopRequireDefault(require("../../../../components/annotation-menu"));
+var _boundaryDetector = require("../../../../control-bar/components/boundary-detector");
+var _store = require("../../store");
+var _item = require("../item/item");
+var _jsxRuntime = require("react/jsx-runtime");
+var AnnotationPermissionTool = exports.AnnotationPermissionTool = (0, _mobxReact.observer)(function () {
+  var _useContext = (0, _react.useContext)(_store.StandaloneAnnotationToolbarContext),
+    hasAnnotationAllowWritePermission = _useContext.hasAnnotationAllowWritePermission,
+    allowAnnotationWriteState = _useContext.allowAnnotationWriteState,
+    setAllowAnnotationWrite = _useContext.setAllowAnnotationWrite,
+    setPopoverArea = _useContext.setPopoverArea,
+    popoverVisible = _useContext.popoverVisible;
+  var t = (0, _i18n.useI18n)();
+  var handleBoundariesChanged = (0, _react.useCallback)(function (boundaries) {
+    console.log('Annotation toolbar permission tool boundaries changed');
+    setPopoverArea(boundaries);
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.AnnotationToolItem, {
+    content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_boundaryDetector.BoundaryDetector, {
+      onBoundariesChanged: handleBoundariesChanged,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_annotationMenu["default"], {
+        hasAnnotationAllowWritePermission: hasAnnotationAllowWritePermission,
+        allowAnnotationWriteState: allowAnnotationWriteState,
+        setAllowAnnotationWrite: setAllowAnnotationWrite
+      })
+    }),
+    iconType: _type.FcrIconType.FCR_SETTING2,
+    title: t('fmt_screenshare_controlbar_button_annotations'),
+    onVisibleChange: function onVisibleChange() {
+      if (!popoverVisible) {
+        setPopoverArea({
+          x: 0,
+          y: 0,
+          width: 0,
+          height: 0
+        });
+      }
+    }
+  });
+});

package/lib/modules/annotation/standalone-toolbar/store.d.ts

@@ -0,0 +1,104 @@
+import { FcrBoardToolType } from 'fcr-core/lib/room-control/whiteboard-control-v2/enum';
+import { FcrRoomInfo, FcrBoardShape } from 'fcr-core/lib/type';
+import { FcrUIManagedObject } from '../../../object-manager';
+import { WhiteboardThemeType } from '../../whiteboard/type';
+import { AnnotationToolbarStoreArgs } from '../type';
+export declare class StandaloneAnnotationToolbarStore implements FcrUIManagedObject {
+    protected logger: import("agora-foundation/lib/logger").Logger;
+    private _roomInfo;
+    private _screenShareProvider;
+    private _privilegeProvider;
+    private _annotationProvider;
+    private _sharedConfirmDataSource;
+    private _tipsTimer;
+    private _disposers;
+    private _rendererWrapper;
+    private _barControl;
+    private _mouseDetectProvider;
+    private _windowProvider;
+    private _contentArea;
+    private _popoverArea;
+    private _mouseDetectObserver;
+    private _annotationObserver;
+    accessor observables: {
+        currentTool: FcrBoardToolType;
+        currentShape: FcrBoardShape;
+        currentColor: string;
+        currentStrokeWidth: number;
+        currentThemeType: WhiteboardThemeType;
+        toolbarPosition: {
+            x: number;
+            y: number;
+        };
+        toolbarReleased: boolean;
+        toolbarDockPosition: {
+            x: number | undefined;
+            y: number | undefined;
+            placement: "left" | "right";
+        };
+        redoSteps: boolean;
+        undoSteps: boolean;
+        lastPen: FcrBoardShape | undefined;
+        lastShape: FcrBoardShape | undefined;
+        maxCountVisibleTools: number;
+        layoutReady: boolean;
+        colors: string[];
+        commonColorIndex: number;
+        background: string;
+        commonColors: string[];
+        progress: number;
+    };
+    accessor isTipsVisible: boolean;
+    accessor popoverVisible: boolean;
+    accessor toolbarCoords: FcrUI.FcrUIPoint;
+    private accessor _annotationConnected;
+    get draggableArea(): FcrUI.FcrUIRectangle;
+    get hasAnnotationAllowWritePermission(): boolean;
+    get allowAnnotationWriteState(): boolean;
+    get roomInfo(): FcrRoomInfo;
+    constructor({ objectManager }: AnnotationToolbarStoreArgs);
+    setToolbarContentArea(area: FcrUI.FcrUIRectangle): void;
+    setPopoverArea(area: FcrUI.FcrUIRectangle): void;
+    handleMouseEnter(): void;
+    handleMouseLeave(): void;
+    resetToolbarVars(): void;
+    redo(): void;
+    undo(): void;
+    clean(): void;
+    setTool(tool: FcrBoardToolType): void;
+    setPen(shape: FcrBoardShape): void;
+    setShape(shape: FcrBoardShape): void;
+    setStrokeColor(color: string): void;
+    setStrokeWidth(strokeWidth: number): void;
+    clickExpansionTool(): void;
+    setToolbarPosition(pos: {
+        x: number;
+        y: number;
+    }): void;
+    dragToolbar(): void;
+    releaseToolbar(): void;
+    captureScreen(hideWindow?: boolean): void;
+    setCommonColor(color: string): void;
+    repositionToolbar(): void;
+    release(): void;
+    setToolbarCoords(coords: FcrUI.FcrUIPoint): void;
+    updatePosition(position: {
+        x: number;
+        y: number;
+    }): void;
+    onTooltipMount(dom: HTMLDivElement | null): void;
+    onTooltipUnmount(): void;
+    setPopoverVisible(visible: boolean): void;
+    setAllowAnnotationWrite(allow: boolean): void;
+    closeToolbar(): void;
+    saveDraft(): void;
+    removeAllDetectAreas(): void;
+    private _updateDockPlacement;
+    private _updateDockPosition;
+    private _updateMaxVisibleTools;
+    private _convertShapeToBoardToolType;
+    private _handleBoardOpen;
+    private _handleBoardClose;
+    private _syncStandaloneToolbarControlState;
+}
+export declare const StandaloneAnnotationToolbarContext: import("react").Context<StandaloneAnnotationToolbarStore>;