fcr-ui-scene 3.7.4 → 3.7.6

package/lib/modules/dialog/dialogs/live-streaming/index.js

@@ -1,36 +1,37 @@
 "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.LiveStreamingDialog = void 0;
-var _constant = require("../../../../utilities/constant");
+exports.windowConfig = exports.LiveStreamingDialog = void 0;
 var _i18n = require("agora-ui-foundation/lib/i18n");
-var _normalWindow = _interopRequireDefault(require("../../components/normal-window"));
+var _normalWindow = require("../../components/normal-window");
+var _mobxReact = require("mobx-react");
 var _jsxRuntime = require("react/jsx-runtime");
-var LiveStreamingDialog = exports.LiveStreamingDialog = function LiveStreamingDialog(_ref) {
-  var children = _ref.children;
+var LiveStreamingDialog = exports.LiveStreamingDialog = (0, _mobxReact.observer)(function (_ref) {
+  var dialogId = _ref.dialogId,
+    dialogKey = _ref.dialogKey,
+    children = _ref.children;
   var transI18n = (0, _i18n.useI18n)();
-  var config = {
-    fullscreen: false,
-    maximizable: false,
-    width: 440,
-    height: 500,
-    title: transI18n('fmt_actionbar__livestreaming_labels_live'),
-    resizable: false
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_normalWindow["default"], {
+  var body = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "fcr-livestreaming-dialog-content",
+    children: children
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_normalWindow.NormalWindow, {
+    dialogId: dialogId,
+    dialogKey: dialogKey,
     title: transI18n('fmt_live_label_push_platform'),
-    dialogKey: _constant.FcrUIDialogKey.LIVE_STREAMING,
-    config: config,
     width: 440,
     height: 434,
-    autoHeight: true,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "fcr-livestreaming-dialog-content",
-      children: children
-    })
+    body: body
   });
+});
+var windowConfig = exports.windowConfig = {
+  frame: false,
+  fullscreen: false,
+  maximizable: false,
+  width: 440,
+  height: 434,
+  resizable: false
 };

package/lib/modules/dialog/dialogs/mute-all/index.css

@@ -0,0 +1,20 @@
+.fcr-mute-all-dialog-content {
+  margin-left: 20px;
+}
+
+.fcr-mute-all-dialog-footer {
+  margin-top: 10px;
+  margin-bottom: 20px;
+  display: flex;
+  justify-content: flex-end;
+}
+
+.fcr-mute-all-dialog-title {
+  padding-top: 20px;
+  padding-bottom: 20px;
+}
+
+.fcr-mute-all-dialog-footer .fcr-button-danger {
+  margin-left: 10px;
+  margin-right: 20px;
+}

package/lib/modules/dialog/dialogs/mute-all/index.d.ts

@@ -0,0 +1,20 @@
+import { FC, PropsWithChildren } from 'react';
+import { FcrUIDialogProps } from '../../type';
+import './index.css';
+type MuteAllDialogProps = PropsWithChildren<FcrUIDialogProps>;
+export declare const MuteAllDialog: FC<MuteAllDialogProps>;
+export declare const windowConfig: {
+    frame: false;
+    maximizable: false;
+    minimizable: false;
+    fullscreenable: false;
+    trafficLightPosition: {
+        x: number;
+        y: number;
+    };
+    resizable: false;
+    width: number;
+    height: number;
+    alwaysOnTop: true;
+};
+export {};

package/lib/modules/dialog/dialogs/mute-all/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.windowConfig = exports.MuteAllDialog = void 0;
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _normalWindow = require("../../components/normal-window");
+require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+var MuteAllDialog = exports.MuteAllDialog = function MuteAllDialog(_ref) {
+  var dialogKey = _ref.dialogKey,
+    dialogId = _ref.dialogId,
+    children = _ref.children;
+  var transI18n = (0, _i18n.useI18n)();
+  var title = transI18n('fmt_attendies_options_muteall');
+  var body = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "fcr-mute-all-dialog-content",
+    children: children
+  });
+  var config = {
+    width: 320,
+    height: 172
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_normalWindow.NormalWindow, {
+    closable: false,
+    title: title,
+    dialogId: dialogId,
+    dialogKey: dialogKey,
+    width: config.width,
+    height: config.height,
+    body: body
+  });
+};
+var windowConfig = exports.windowConfig = {
+  frame: false,
+  maximizable: false,
+  minimizable: false,
+  fullscreenable: false,
+  trafficLightPosition: {
+    x: 0,
+    y: 0
+  },
+  resizable: false,
+  width: 320,
+  height: 172,
+  alwaysOnTop: true
+};

package/lib/modules/dialog/dialogs/participant/components/actions.d.ts

@@ -1 +1,3 @@
-export declare const ParticipantActions: () => import("react/jsx-runtime").JSX.Element | null;
+export declare const ParticipantActions: ({ handleMergeView, }: {
+    handleMergeView: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/dialog/dialogs/participant/components/actions.js

@@ -5,28 +5,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ParticipantActions = void 0;
-var _mobxReact = require("mobx-react");
-var _react = require("react");
-var _store = require("../../../store");
 var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
 var _iconButton = require("agora-ui-foundation/lib/components/icon-button");
 var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _jsxRuntime = require("react/jsx-runtime");
-var ParticipantActions = exports.ParticipantActions = (0, _mobxReact.observer)(function () {
+var ParticipantActions = exports.ParticipantActions = function ParticipantActions(_ref) {
+  var _ref$handleMergeView = _ref.handleMergeView,
+    handleMergeView = _ref$handleMergeView === void 0 ? function () {} : _ref$handleMergeView;
   var transI18n = (0, _i18n.useI18n)();
-  var store = (0, _react.useContext)(_store.StoreContext);
-  return store.isSharingScreen && store.isSharingScreenOwner ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
     content: transI18n('fmt_uimanager_option_mergeview'),
     mouseEnterDelay: 0,
     trigger: "hover",
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconButton.FcrIconButton, {
       icon: _type.FcrIconType.FCR_WINDOWPAGE_BIGGER,
-      onClick: store.moveParticipantFromDialogToAside,
+      onClick: handleMergeView,
       className: "frc-window-header__icon fcr-no-drag",
       iconColors: {
         iconPrimary: 'var(--fcr_ui_scene_icontext1)'
       }
     })
   });
-});
+};

package/lib/modules/dialog/dialogs/participant/components/title.d.ts

@@ -1 +1,6 @@
-export declare const ParticipantTitle: () => import("react/jsx-runtime").JSX.Element;
+import { FC } from 'react';
+type ParticipantTitleProps = {
+    userCount: number;
+};
+export declare const ParticipantTitle: FC<ParticipantTitleProps>;
+export {};

package/lib/modules/dialog/dialogs/participant/components/title.js

@@ -5,15 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ParticipantTitle = void 0;
-var _react = require("react");
-var _store = require("../../../store");
-var _mobxReact = require("mobx-react");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _jsxRuntime = require("react/jsx-runtime");
-var ParticipantTitle = exports.ParticipantTitle = (0, _mobxReact.observer)(function () {
-  var store = (0, _react.useContext)(_store.StoreContext);
+var ParticipantTitle = exports.ParticipantTitle = function ParticipantTitle(_ref) {
+  var userCount = _ref.userCount;
   var transI18n = (0, _i18n.useI18n)();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-    children: [transI18n('fmt_participants_label_participants'), "(", store.participantCount, ")"]
+    children: [transI18n('fmt_participants_label_participants'), "(", userCount, ")"]
   });
-});
+};

package/lib/modules/dialog/dialogs/participant/index.d.ts

@@ -1,2 +1,26 @@
-import { PropsWithChildren } from 'react';
-export declare const ParticipantDialog: ({ children }: PropsWithChildren<{}>) => import("react/jsx-runtime").JSX.Element;
+import { FC, PropsWithChildren } from 'react';
+import { FcrUIDialogProps } from '../../type';
+type ParticipantDialogProps = PropsWithChildren<FcrUIDialogProps> & {
+    header: React.ReactNode;
+    actions: React.ReactNode;
+};
+export declare const windowConfig: {
+    frame: false;
+    maximizable: false;
+    minimizable: false;
+    fullscreenable: false;
+    trafficLightPosition: {
+        x: number;
+        y: number;
+    };
+    resizable: true;
+    width: number;
+    height: number;
+    minWidth: number;
+    minHeight: number;
+    maxWidth: number;
+    maxHeight: number;
+    alwaysOnTop: true;
+};
+export declare const ParticipantDialog: FC<ParticipantDialogProps>;
+export {};

package/lib/modules/dialog/dialogs/participant/index.js

@@ -5,49 +5,55 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ParticipantDialog = void 0;
+exports.windowConfig = exports.ParticipantDialog = void 0;
 var _i18n = require("agora-ui-foundation/lib/i18n");
-var _react = require("react");
-var _store = require("../../store");
-var _constant = require("../../../../utilities/constant");
-var _normalWindow = _interopRequireDefault(require("../../components/normal-window"));
-var _actions = require("./components/actions");
-var _title = require("./components/title");
+var _normalWindow = require("../../components/normal-window");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _env = require("agora-foundation/lib/utilities/env");
 var _jsxRuntime = require("react/jsx-runtime");
+var windowConfig = exports.windowConfig = {
+  frame: false,
+  maximizable: false,
+  minimizable: false,
+  fullscreenable: false,
+  trafficLightPosition: {
+    x: 0,
+    y: 0
+  },
+  resizable: true,
+  width: 320,
+  height: 560,
+  minWidth: 320,
+  minHeight: 400,
+  maxWidth: 620,
+  maxHeight: 900,
+  alwaysOnTop: true
+};
 var ParticipantDialog = exports.ParticipantDialog = function ParticipantDialog(_ref) {
-  var children = _ref.children;
+  var dialogKey = _ref.dialogKey,
+    dialogId = _ref.dialogId,
+    children = _ref.children,
+    header = _ref.header,
+    actions = _ref.actions;
   var transI18n = (0, _i18n.useI18n)();
-  var store = (0, _react.useContext)(_store.StoreContext);
-  var config = {
-    fullscreen: false,
-    maximizable: false,
-    width: 320,
-    height: 560,
-    minWidth: 320,
-    minHeight: 400,
-    maxWidth: 620,
-    maxHeight: 900,
-    center: true,
-    title: transI18n('fmt_meeting_creatpage_label_join_attendee'),
-    resizable: true,
-    hasShadow: true
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_store.StoreContext.Provider, {
-    value: store,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_normalWindow["default"], {
-      title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_title.ParticipantTitle, {}),
-      dialogKey: _constant.FcrUIDialogKey.PARTICIPANT,
-      config: config
-      // onClose={() => store.closeParticipantDialog()}
-      ,
-      hooksConfig: {
-        hasCustomShadow: false
-      },
-      actions: /*#__PURE__*/(0, _jsxRuntime.jsx)(_actions.ParticipantActions, {}),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "fcr-participant-dialog-wrapper",
-        children: children
-      })
-    })
+  var body = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames["default"])('fcr-participant-dialog-wrapper', {
+      'fcr-participant-dialog-wrapper-web': !(0, _env.isElectron)(),
+      'fcr-participant-dialog-wrapper-electron': (0, _env.isElectron)()
+    }),
+    children: children
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_normalWindow.NormalWindow, {
+    width: windowConfig.width,
+    height: windowConfig.height,
+    dialogKey: dialogKey,
+    dialogId: dialogId,
+    header: header,
+    actions: actions,
+    body: body,
+    minWidth: windowConfig.minWidth,
+    minHeight: windowConfig.minHeight,
+    maxWidth: windowConfig.maxWidth,
+    maxHeight: windowConfig.maxHeight
   });
 };

package/lib/modules/dialog/dialogs/rename/index.d.ts

@@ -1,4 +1,19 @@
 import { FC, PropsWithChildren } from 'react';
-export declare const RenameDialog: FC<PropsWithChildren<{
-    title: string;
-}>>;
+import { FcrUIDialogProps } from '../../type';
+type RenameDialogProps = PropsWithChildren<FcrUIDialogProps>;
+export declare const RenameDialog: FC<RenameDialogProps>;
+export declare const windowConfig: {
+    frame: false;
+    maximizable: false;
+    minimizable: false;
+    fullscreenable: false;
+    trafficLightPosition: {
+        x: number;
+        y: number;
+    };
+    resizable: false;
+    width: number;
+    height: number;
+    type: string;
+};
+export {};

package/lib/modules/dialog/dialogs/rename/index.js

@@ -1,35 +1,50 @@
 "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.RenameDialog = void 0;
+exports.windowConfig = exports.RenameDialog = void 0;
 var _i18n = require("agora-ui-foundation/lib/i18n");
-var _constant = require("../../../../utilities/constant");
-var _normalWindow = _interopRequireDefault(require("../../components/normal-window"));
+var _normalWindow = require("../../components/normal-window");
 var _jsxRuntime = require("react/jsx-runtime");
 var RenameDialog = exports.RenameDialog = function RenameDialog(_ref) {
-  var children = _ref.children,
-    title = _ref.title;
+  var dialogKey = _ref.dialogKey,
+    dialogId = _ref.dialogId,
+    children = _ref.children;
   var transI18n = (0, _i18n.useI18n)();
+  var title = transI18n('fmt_additional_option_rename_in_meeting');
   var config = {
     fullscreen: false,
     maximizable: false,
     width: 320,
     height: 168,
-    title: transI18n('fmt_additional_option_rename_in_meeting'),
+    title: title,
     resizable: false
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_normalWindow["default"], {
+  var body = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "fcr-rename-dialog-content",
+    children: children
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_normalWindow.NormalWindow, {
     title: title,
-    dialogKey: _constant.FcrUIDialogKey.RENAME,
-    config: config,
+    dialogId: dialogId,
+    dialogKey: dialogKey,
     autoHeight: true,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "fcr-rename-dialog-content",
-      children: children
-    })
+    body: body
   });
+};
+var windowConfig = exports.windowConfig = {
+  frame: false,
+  maximizable: false,
+  minimizable: false,
+  fullscreenable: false,
+  trafficLightPosition: {
+    x: 0,
+    y: 0
+  },
+  resizable: false,
+  width: 320,
+  height: 172,
+  type: 'panel'
 };

package/lib/modules/dialog/dialogs/sample-dialog/index.d.ts

@@ -0,0 +1,21 @@
+import { FC, PropsWithChildren } from 'react';
+import { FcrUIDialogKey } from '../../../../utilities/constant';
+type SampleDialogProps = PropsWithChildren<{
+    dialogKey: FcrUIDialogKey;
+    dialogId: string;
+}>;
+export declare const SampleDialog: FC<SampleDialogProps>;
+export declare const windowConfig: {
+    frame: false;
+    maximizable: false;
+    minimizable: false;
+    fullscreenable: false;
+    trafficLightPosition: {
+        x: number;
+        y: number;
+    };
+    resizable: false;
+    width: number;
+    height: number;
+};
+export {};

package/lib/modules/dialog/dialogs/sample-dialog/index.js

@@ -0,0 +1,55 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.windowConfig = exports.SampleDialog = void 0;
+var _env = require("agora-foundation/lib/utilities/env");
+var _react = require("react");
+var _store = require("../../store.base");
+var _reactDom = require("react-dom");
+var _mobxReact = require("mobx-react");
+var _jsxRuntime = require("react/jsx-runtime");
+var FcrUIDialog = (0, _mobxReact.observer)(function (_ref) {
+  var dialogKey = _ref.dialogKey,
+    dialogId = _ref.dialogId,
+    header = _ref.header,
+    body = _ref.body;
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
+    getDialogRootNode = _useContext.getDialogRootNode;
+  var content = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: body
+  });
+  if ((0, _env.isElectron)()) {
+    var dialogRoot = getDialogRootNode(dialogKey, dialogId);
+    return /*#__PURE__*/(0, _reactDom.createPortal)(content, dialogRoot);
+  }
+  return content;
+});
+var SampleDialog = exports.SampleDialog = function SampleDialog(_ref2) {
+  var dialogKey = _ref2.dialogKey,
+    dialogId = _ref2.dialogId;
+  var body = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: "Sample Dialog"
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(FcrUIDialog, {
+    title: 'Sample Dialog',
+    body: body,
+    dialogKey: dialogKey,
+    dialogId: dialogId
+  });
+};
+var windowConfig = exports.windowConfig = {
+  frame: false,
+  maximizable: false,
+  minimizable: false,
+  fullscreenable: false,
+  trafficLightPosition: {
+    x: 0,
+    y: 0
+  },
+  resizable: false,
+  width: 400,
+  height: 300
+};

package/lib/modules/dialog/dialogs/share-screen-selection/index.d.ts

@@ -1,4 +1,19 @@
-export declare const ShareScreenSelectronDialog: (props: {
-    children: React.ReactNode;
-    params: any;
-}) => import("react/jsx-runtime").JSX.Element;
+import { FC, PropsWithChildren } from 'react';
+import { FcrUIDialogProps } from '../../type';
+type ShareScreenSelectionDialogProps = PropsWithChildren<FcrUIDialogProps>;
+export declare const ShareScreenSelectionDialog: FC<ShareScreenSelectionDialogProps>;
+export declare const windowConfig: {
+    fullscreen: false;
+    maximizable: false;
+    resizable: false;
+    frame: false;
+    transparent: true;
+    width: number;
+    height: number;
+    trafficLightPosition: {
+        x: number;
+        y: number;
+    };
+    alwaysOnTop: true;
+};
+export {};

package/lib/modules/dialog/dialogs/share-screen-selection/index.js

@@ -1,44 +1,51 @@
 "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.ShareScreenSelectronDialog = void 0;
+exports.windowConfig = exports.ShareScreenSelectionDialog = void 0;
 var _i18n = require("agora-ui-foundation/lib/i18n");
-var _constant = require("../../../../utilities/constant");
-var _useElectron = require("../../hooks/useElectron");
-var _dialogContainer = _interopRequireDefault(require("../../components/dialog-container"));
+var _react = require("react");
+var _normalWindow = require("../../components/normal-window");
 var _jsxRuntime = require("react/jsx-runtime");
-var ShareScreenSelectronDialog = exports.ShareScreenSelectronDialog = function ShareScreenSelectronDialog(props) {
-  var children = props.children;
+var ShareScreenSelectionDialog = exports.ShareScreenSelectionDialog = /*#__PURE__*/(0, _react.memo)(function (_ref) {
+  var dialogKey = _ref.dialogKey,
+    dialogId = _ref.dialogId,
+    children = _ref.children;
   var transI18n = (0, _i18n.useI18n)();
-  (0, _useElectron.useElectronDialog)({
-    dialogKey: _constant.FcrUIDialogKey.SHARE_SCREEN,
-    config: {
-      width: 790,
-      height: 550,
-      fullscreen: false,
-      maximizable: false,
-      trafficLightPosition: {
-        x: 0,
-        y: 0
-      },
-      title: transI18n('fmt_screenshare_label_screenshare'),
-      resizable: false
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dialogContainer["default"], {
-      title: transI18n('fmt_screenshare_label_screenshare'),
-      width: 790,
-      height: 550,
-      dialogKey: _constant.FcrUIDialogKey.SHARE_SCREEN,
-      children: children
-    }),
-    onClose: function onClose(_ref) {
-      var store = _ref.store;
-      store.closeDialogByKey(_constant.FcrUIDialogKey.SHARE_SCREEN);
-    }
+  var title = transI18n('fmt_screenshare_controlbar_security_list_participant_screenshare');
+
+  // const body = (
+  //   <DialogContainer
+  //     dialogId={dialogId}
+  //     dialogKey={dialogKey}
+  //     title={title}
+  //     width={790}
+  //     height={550}>
+  //     {children}
+  //   </DialogContainer>
+  // );
+
+  var body = children;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_normalWindow.NormalWindow, {
+    title: title,
+    dialogKey: dialogKey,
+    dialogId: dialogId,
+    body: body
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
+});
+var windowConfig = exports.windowConfig = {
+  fullscreen: false,
+  maximizable: false,
+  resizable: false,
+  frame: false,
+  transparent: true,
+  width: 790,
+  height: 550,
+  trafficLightPosition: {
+    x: 0,
+    y: 0
+  },
+  alwaysOnTop: true
 };

package/lib/modules/dialog/dialogs/sub-window/index.d.ts

@@ -1,2 +1,22 @@
 import { PropsWithChildren } from 'react';
-export declare const SubWindowDialog: (props: PropsWithChildren<{}>) => null;
+import { FcrUIDialogProps } from '../../type';
+type SubWindowDialogProps = PropsWithChildren<FcrUIDialogProps>;
+export declare const SubWindowDialog: React.FC<SubWindowDialogProps>;
+export declare const windowConfig: {
+    height: number;
+    width: number;
+    minWidth: number;
+    minHeight: number;
+    title: string;
+    closable: true;
+    frame: true;
+    transparent: false;
+    backgroundColor: string;
+    trafficLightPosition: {
+        x: number;
+        y: number;
+    };
+    show: false;
+    hasShadow: true;
+};
+export {};