fcr-ui-scene 3.7.8 → 3.8.0-alpha

package/lib/modules/control-bar/components/annotation-button/index.js

@@ -1,72 +0,0 @@
-"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.AnnotationButton = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _tooltipsButton = require("agora-ui-foundation/lib/components/tooltips-button");
-var _i18n = require("agora-ui-foundation/lib/i18n");
-var _type = require("agora-ui-foundation/lib/components/icon/type");
-var _annotationMenu = _interopRequireDefault(require("../../../components/annotation-menu"));
-var _react = require("react");
-var _mobxReact = require("mobx-react");
-var _store = require("../../store");
-var _view = require("../../view");
-var _jsxRuntime = require("react/jsx-runtime");
-var AnnotationButton = exports.AnnotationButton = (0, _mobxReact.observer)(function () {
-  var transI18n = (0, _i18n.useI18n)();
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    visible = _useState2[0],
-    setVisible = _useState2[1];
-  var _useContext = (0, _react.useContext)(_view.ControlbarContext),
-    browserWindow = _useContext.browserWindow;
-  var _useContext2 = (0, _react.useContext)(_store.StoreContext),
-    toggleAnnotation = _useContext2.toggleAnnotation,
-    hasAnnotationAllowWritePermission = _useContext2.hasAnnotationAllowWritePermission,
-    allowAnnotationWriteState = _useContext2.allowAnnotationWriteState,
-    setAllAnnotationWrite = _useContext2.setAllAnnotationWrite,
-    isSharingScreen = _useContext2.isSharingScreen,
-    log = _useContext2.log;
-  var handleBlur = function handleBlur() {
-    setVisible(false);
-  };
-  (0, _react.useEffect)(function () {
-    browserWindow === null || browserWindow === void 0 || browserWindow.on('blur', handleBlur);
-    return function () {
-      browserWindow === null || browserWindow === void 0 || browserWindow.off('blur', handleBlur);
-    };
-  }, [browserWindow]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltipsButton.FrcTooltipButton, {
-    active: visible,
-    tooltip: {
-      content: transI18n('fmt_screenshare_controlbar_button_annotations'),
-      icon: {
-        type: _type.FcrIconType.FCR_RENAME,
-        size: 32,
-        colors: {
-          iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
-        }
-      }
-    },
-    onTooltipButtonClick: isSharingScreen ? toggleAnnotation : function () {
-      return log('share screen is starting, please wait a moment to operate');
-    },
-    withPopover: true,
-    popover: {
-      content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_annotationMenu["default"], {
-        allowAnnotationWriteState: allowAnnotationWriteState,
-        hasAnnotationAllowWritePermission: hasAnnotationAllowWritePermission,
-        setAllowAnnotationWrite: setAllAnnotationWrite,
-        showClear: true
-      }),
-      onVisibleChange: function onVisibleChange(visible) {
-        setVisible(visible);
-      },
-      visible: visible
-    }
-  });
-});

package/lib/modules/control-bar/reactor.d.ts

@@ -1,2 +0,0 @@
-declare class FcrUIMouseEventReactor {
-}

package/lib/modules/control-bar/reactor.js

@@ -1,8 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var FcrUIMouseEventReactor = /*#__PURE__*/(0, _createClass2["default"])(function FcrUIMouseEventReactor() {
-  (0, _classCallCheck2["default"])(this, FcrUIMouseEventReactor);
-});

package/lib/modules/control-bar/types.d.ts

@@ -1,20 +0,0 @@
-import { TransferPosition } from './enums';
-export interface MorePopoverContentProps {
-    hasChatPermission: boolean;
-    closePopover?: () => void;
-}
-export interface IShareStateNav {
-    onShareStateNavTransferPosition: (targetPosition: TransferPosition) => void;
-    onStopShare: () => void;
-    currentPosition: TransferPosition;
-}
-export interface ITransferPositionIconProps {
-    currentPosition: TransferPosition;
-    onTransferPositionButtonClick: (targetPosition: TransferPosition) => void;
-}
-export type CurrentShareBounds = {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-};

package/lib/modules/dialog/dialogs/pre-setting/index.css

@@ -1,26 +0,0 @@
-.fcr-device-setting-dialog-wrapper {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  background: var(--fcr_mobile_ui_scene_color_popup_fill2);
-  border-radius: 16px;
-  box-shadow: var(--fcr_web_light_dropup);
-  border: 1px solid var(--fcr_ui_scene_line1);
-}
-
-.fcr-device-setting-dialog-wrapper .frc-window-header {
-  cursor: move;
-  height: 46px;
-}
-
-.fcr-device-setting-dialog-wrapper .fcr-device-settings {
-  height: calc(100% - 46px);
-}
-.fcr-device-setting-dialog-wrapper .fcr-device-settings-audio {
-  padding: 0;
-}
-
-.fcr-device-setting-dialog-wrapper .frc-window-header .frc-window-header__title {
-  height: 46px;
-  line-height: 46px;
-}

package/lib/modules/dialog/dialogs/pre-setting/index.d.ts

@@ -1,6 +0,0 @@
-import { PropsWithChildren } from 'react';
-import './index.css';
-declare const DeviceSettingDialog: ({ children, onClose }: PropsWithChildren<{
-    onClose: () => void;
-}>) => import("react/jsx-runtime").JSX.Element;
-export default DeviceSettingDialog;

package/lib/modules/dialog/dialogs/pre-setting/index.js

@@ -1,62 +0,0 @@
-"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["default"] = void 0;
-require("core-js/modules/web.timers.js");
-var _env = require("agora-foundation/lib/utilities/env");
-var _i18n = require("agora-ui-foundation/lib/i18n");
-var _constant = require("../../../../utilities/constant");
-var _normalWindow = _interopRequireDefault(require("../../components/normal-window"));
-require("./index.css");
-var _jsxRuntime = require("react/jsx-runtime");
-var ELECTRON_HEIGHT = 556;
-var WEB_HEIGHT = 600;
-var DeviceSettingDialog = function DeviceSettingDialog(_ref) {
-  var children = _ref.children,
-    onClose = _ref.onClose;
-  var t = (0, _i18n.useI18n)();
-  var height = (0, _env.isElectron)() ? ELECTRON_HEIGHT : WEB_HEIGHT;
-  var config = {
-    fullscreen: false,
-    maximizable: false,
-    trafficLightPosition: {
-      x: 10,
-      y: 60
-    },
-    width: 580,
-    height: 600,
-    minWidth: 580,
-    minHeight: 600,
-    maxWidth: 670,
-    maxHeight: 800,
-    title: t('fmt_settings_option_setting'),
-    resizable: false
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_normalWindow["default"], {
-    height: height,
-    dialogKey: _constant.FcrUIDialogKey.DEVICE_SETTINGS,
-    config: config,
-    style: {
-      zIndex: 10
-    },
-    onClose: onClose,
-    onOpened: function onOpened(_ref2) {
-      var browserWindow = _ref2.browserWindow;
-      if (browserWindow) {
-        browserWindow.setAlwaysOnTop(true);
-        setTimeout(function () {
-          browserWindow.show();
-          browserWindow.setAlwaysOnTop(false);
-          browserWindow.moveTop();
-          browserWindow.focus();
-        }, 600);
-      }
-    },
-    children: children
-  });
-};
-var _default = exports["default"] = DeviceSettingDialog;

package/lib/modules/dialog/dialogs/widget/electron.d.ts

@@ -1,6 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { FcrUIWebWidgetConfig } from '../../../../type';
-export declare const WidgetElectronDialog: ({ children, params, dialogId, }: PropsWithChildren<{
-    params: FcrUIWebWidgetConfig;
-    dialogId: string;
-}>) => null;

package/lib/modules/dialog/dialogs/widget/electron.js

@@ -1,38 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.WidgetElectronDialog = void 0;
-require("core-js/modules/es.function.name.js");
-var _constant = require("../../../../utilities/constant");
-var _useElectron = require("../../hooks/useElectron");
-var WidgetElectronDialog = exports.WidgetElectronDialog = function WidgetElectronDialog(_ref) {
-  var _params$popupSize, _params$popupSize2;
-  var children = _ref.children,
-    params = _ref.params,
-    dialogId = _ref.dialogId;
-  var width = (_params$popupSize = params.popupSize) !== null && _params$popupSize !== void 0 && _params$popupSize.width ? params.popupSize.width + 2 : undefined;
-  var height = (_params$popupSize2 = params.popupSize) !== null && _params$popupSize2 !== void 0 && _params$popupSize2.height ? params.popupSize.height + 76 : undefined;
-  var config = {
-    fullscreen: false,
-    maximizable: false,
-    trafficLightPosition: {
-      x: 10,
-      y: 60
-    },
-    width: width,
-    height: height,
-    title: params.name,
-    resizable: false
-  };
-  (0, _useElectron.useElectronDialog)({
-    config: config,
-    dialogKey: _constant.FcrUIDialogKey.WIDGET,
-    dialogId: dialogId,
-    children: children,
-    hasCustomShadow: false
-  });
-  return null;
-};

package/lib/modules/dialog/hooks/use-popover-watcher.d.ts

@@ -1,14 +0,0 @@
-export declare function usePopoverWatcher({ wrapperClass, offset, onAdded, onRemoved, }: {
-    wrapperClass: string;
-    onAdded?: () => void;
-    onRemoved?: () => void;
-    offset?: {
-        vertical: number;
-        horizontal: number;
-    };
-}): {
-    watcher: ({ browserWindow, newRendererWindow, }: {
-        browserWindow?: Electron.BrowserWindow;
-        newRendererWindow?: Window;
-    }) => void;
-};

package/lib/modules/dialog/hooks/use-popover-watcher.js

@@ -1,110 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.usePopoverWatcher = usePopoverWatcher;
-require("core-js/modules/es.array.for-each.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.iterator.constructor.js");
-require("core-js/modules/esnext.iterator.for-each.js");
-require("core-js/modules/web.dom-collections.for-each.js");
-var _lodash = require("lodash");
-var _react = require("react");
-function usePopoverWatcher(_ref) {
-  var wrapperClass = _ref.wrapperClass,
-    _ref$offset = _ref.offset,
-    offset = _ref$offset === void 0 ? {
-      vertical: 0,
-      horizontal: 0
-    } : _ref$offset,
-    onAdded = _ref.onAdded,
-    onRemoved = _ref.onRemoved;
-  var observerRef = (0, _react.useRef)();
-  var wrapperDomRef = (0, _react.useRef)();
-  function watcher(_ref2) {
-    var browserWindow = _ref2.browserWindow,
-      newRendererWindow = _ref2.newRendererWindow;
-    if (!newRendererWindow || !browserWindow) {
-      return;
-    }
-    if (observerRef.current) observerRef.current.disconnect();
-    var body = newRendererWindow.document.body;
-    var browserWindowBounds = browserWindow.getBounds();
-    var threshold = calculateThreshold(browserWindow, body);
-    browserWindow.addListener(
-    // @ts-ignore
-    'custom-move', (0, _lodash.debounce)(function () {
-      threshold = calculateThreshold(browserWindow, body);
-    }, 200));
-    observerRef.current = new MutationObserver(function (mutationsList) {
-      var popover = body.querySelector('.fcr-popover');
-      wrapperDomRef.current = body.querySelector(wrapperClass);
-      var wrapper = wrapperDomRef.current;
-      mutationsList.forEach(function (mutation) {
-        if (mutation.type === 'childList') {
-          mutation.addedNodes.forEach(function (node) {
-            if (node.nodeType === Node.ELEMENT_NODE && node.contains(popover)) {
-              if (popover) {
-                var wrapperHeight = wrapper.offsetHeight,
-                  wrapperWidth = wrapper.offsetWidth;
-                var offsetHeight = popover.offsetHeight,
-                  popoverWidth = popover.offsetWidth,
-                  offsetTop = popover.offsetTop,
-                  offsetLeft = popover.offsetLeft;
-                // 如果 popover 展开，根据 popover 的尺寸调整窗口的尺寸可以正好容纳 popover
-                browserWindow.setBounds({
-                  height: wrapperHeight + offsetHeight + offset.vertical,
-                  width: wrapperWidth + offset.horizontal,
-                  y: threshold.placement === 'top' ? threshold.y - offsetHeight : threshold.y
-                });
-                // if (wrapper) {
-                //   const rect = wrapper.getBoundingClientRect();
-                //   wrapper.setAttribute('style', `height: ${rect.height}px;width: ${rect.width}px`);
-                //   // popover.setAttribute('style', `left: ${offsetLeft}px;top: ${offsetTop}px`);
-                // }
-                onAdded === null || onAdded === void 0 || onAdded();
-              }
-            }
-          });
-          mutation.removedNodes.forEach(function (node) {
-            var _classList;
-            if ((_classList = node.classList) !== null && _classList !== void 0 && _classList.contains('fcr-popover')) {
-              onRemoved === null || onRemoved === void 0 || onRemoved();
-              var width = browserWindowBounds.width,
-                height = browserWindowBounds.height;
-              browserWindow.setBounds({
-                width: width,
-                height: height,
-                y: threshold.y
-              });
-              browserWindow.setResizable(true);
-            }
-          });
-        }
-      });
-    });
-    observerRef.current.observe(newRendererWindow.document.body, {
-      childList: true,
-      subtree: true
-    });
-  }
-  return {
-    watcher: watcher
-  };
-}
-function calculateThreshold(browserWindow, body) {
-  var _body$querySelector;
-  var bounds = browserWindow.getBounds();
-  var nearDisplay = window.runtime.screen.getDisplayNearestPoint(bounds);
-  var nearDisplayBounds = nearDisplay.bounds;
-  var middleThreshold = nearDisplayBounds.height / 2;
-  var placement = bounds.y > middleThreshold ? 'top' : 'bottom';
-  (_body$querySelector = body.querySelector('#root')) === null || _body$querySelector === void 0 || _body$querySelector.setAttribute('style', "display: flex;align-items: ".concat(placement === 'top' ? 'flex-end' : 'flex-start'));
-  return {
-    placement: placement,
-    x: bounds.x,
-    y: bounds.y
-  };
-}

package/lib/modules/dialog/hooks/useElectron.d.ts

@@ -1,28 +0,0 @@
-import { FcrUIDialogHooksProps } from '../type';
-export declare const DialogInstanceContext: import("react").Context<{
-    browserWindow: Electron.BrowserWindow;
-    newRendererWindow: Window;
-    resizable: boolean;
-    baseUrl: string;
-    closeDialog: () => void;
-    /**
-     * @param continueClose - 继续关闭窗口的回调函数
-     */
-    continueClose: () => void;
-    /**
-     * 窗口关闭时是否已被拦截，此值只反应状态，不会影响继续关闭的逻辑
-     */
-    interceptedClose: boolean;
-    /**
-     * 重置被拦截状态
-     */
-    setInterceptedClose: (interceptedClose: boolean) => void;
-}>;
-export declare const shadowOffset: number;
-export declare const enterFullScreenHandler: () => void;
-export declare const leaveFullScreenHandler: () => void;
-export declare function useElectronDialog(props: FcrUIDialogHooksProps): {
-    store: import("../store").default;
-    browserWindow: Electron.BrowserWindow | undefined;
-    newRendererWindow: Window | undefined;
-};