roosterjs 9.6.0 → 9.7.0

package/dist/rooster-react-amd.js

@@ -1,4 +1,4 @@
-define(["React","ReactDOM","FluentUIReact","roosterjs"], (__WEBPACK_EXTERNAL_MODULE_react__, __WEBPACK_EXTERNAL_MODULE_react_dom__, __WEBPACK_EXTERNAL_MODULE__fluentui_react_lib_FocusZone__, __WEBPACK_EXTERNAL_MODULE_roosterjs_content_model_api__) => { return /******/ (() => { // webpackBootstrap
+define(["React","ReactDOM","FluentUIReact","roosterjs"], (__WEBPACK_EXTERNAL_MODULE_react__, __WEBPACK_EXTERNAL_MODULE_react_dom__, __WEBPACK_EXTERNAL_MODULE__fluentui_react_lib_Theme__, __WEBPACK_EXTERNAL_MODULE_roosterjs_content_model_api__) => { return /******/ (() => { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
@@ -13,7 +13,7 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.getColorPickerDropDown = exports.renderColorPicker = void 0;
 var React = __webpack_require__(/*! react */ "react");
 var backgroundColors_1 = __webpack_require__(/*! ../utils/backgroundColors */ "./packages/roosterjs-react/lib/colorPicker/utils/backgroundColors.ts");
-var Styling_1 = __webpack_require__(/*! @fluentui/react/lib/Styling */ "@fluentui/react/lib/FocusZone");
+var Styling_1 = __webpack_require__(/*! @fluentui/react/lib/Styling */ "@fluentui/react/lib/Theme");
 var textColors_1 = __webpack_require__(/*! ../utils/textColors */ "./packages/roosterjs-react/lib/colorPicker/utils/textColors.ts");
 var getClassNamesForColorPicker_1 = __webpack_require__(/*! ../utils/getClassNamesForColorPicker */ "./packages/roosterjs-react/lib/colorPicker/utils/getClassNamesForColorPicker.ts");
 var classNames = (0, Styling_1.mergeStyleSets)({
@@ -176,7 +176,7 @@ exports.getBackgroundColorValue = getBackgroundColorValue;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.getColorPickerItemClassName = exports.getColorPickerContainerClassName = void 0;
-var Styling_1 = __webpack_require__(/*! @fluentui/react/lib/Styling */ "@fluentui/react/lib/FocusZone");
+var Styling_1 = __webpack_require__(/*! @fluentui/react/lib/Styling */ "@fluentui/react/lib/Theme");
 var classNames = (0, Styling_1.mergeStyleSets)({
     colorPickerContainer: {
         width: '192px',
@@ -339,8 +339,8 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.createUIUtilities = void 0;
 var React = __webpack_require__(/*! react */ "react");
 var ReactDOM = __webpack_require__(/*! react-dom */ "react-dom");
-var Theme_1 = __webpack_require__(/*! @fluentui/react/lib/Theme */ "@fluentui/react/lib/FocusZone");
-var WindowProvider_1 = __webpack_require__(/*! @fluentui/react/lib/WindowProvider */ "@fluentui/react/lib/FocusZone");
+var Theme_1 = __webpack_require__(/*! @fluentui/react/lib/Theme */ "@fluentui/react/lib/Theme");
+var WindowProvider_1 = __webpack_require__(/*! @fluentui/react/lib/WindowProvider */ "@fluentui/react/lib/Theme");
 /**
  * Create the UI Utilities object for plugins to render additional react components
  * @param container Container DIV of editor
@@ -919,7 +919,7 @@ exports.createContextMenuPlugin = void 0;
 var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
 var React = __webpack_require__(/*! react */ "react");
 var roosterjs_content_model_plugins_1 = __webpack_require__(/*! roosterjs-content-model-plugins */ "roosterjs-content-model-api");
-var ContextualMenu_1 = __webpack_require__(/*! @fluentui/react/lib/ContextualMenu */ "@fluentui/react/lib/FocusZone");
+var ContextualMenu_1 = __webpack_require__(/*! @fluentui/react/lib/ContextualMenu */ "@fluentui/react/lib/Theme");
 var renderReactComponent_1 = __webpack_require__(/*! ../../common/utils/renderReactComponent */ "./packages/roosterjs-react/lib/common/utils/renderReactComponent.ts");
 function normalizeItems(items) {
     var dividerKey = 0;
@@ -1096,7 +1096,7 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.EmojiIcon = void 0;
 var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
 var React = __webpack_require__(/*! react */ "react");
-var Utilities_1 = __webpack_require__(/*! @fluentui/react/lib/Utilities */ "@fluentui/react/lib/FocusZone");
+var Utilities_1 = __webpack_require__(/*! @fluentui/react/lib/Utilities */ "@fluentui/react/lib/Theme");
 /**
  * @internal
  * Emoji icon component
@@ -1138,12 +1138,12 @@ function getDataAndAriaProps(props) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.EmojiNavBar = void 0;
 var React = __webpack_require__(/*! react */ "react");
-var Utilities_1 = __webpack_require__(/*! @fluentui/react/lib/Utilities */ "@fluentui/react/lib/FocusZone");
+var Utilities_1 = __webpack_require__(/*! @fluentui/react/lib/Utilities */ "@fluentui/react/lib/Theme");
 var emojiList_1 = __webpack_require__(/*! ../utils/emojiList */ "./packages/roosterjs-react/lib/emoji/utils/emojiList.ts");
-var FocusZone_1 = __webpack_require__(/*! @fluentui/react/lib/FocusZone */ "@fluentui/react/lib/FocusZone");
+var FocusZone_1 = __webpack_require__(/*! @fluentui/react/lib/FocusZone */ "@fluentui/react/lib/Theme");
 var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "roosterjs-content-model-api");
-var Icon_1 = __webpack_require__(/*! @fluentui/react/lib/Icon */ "@fluentui/react/lib/FocusZone");
-var Tooltip_1 = __webpack_require__(/*! @fluentui/react/lib/Tooltip */ "@fluentui/react/lib/FocusZone");
+var Icon_1 = __webpack_require__(/*! @fluentui/react/lib/Icon */ "@fluentui/react/lib/Theme");
+var Tooltip_1 = __webpack_require__(/*! @fluentui/react/lib/Tooltip */ "@fluentui/react/lib/Theme");
 /**
  * @internal
  */
@@ -1185,18 +1185,18 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.showEmojiPane = void 0;
 var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
 var React = __webpack_require__(/*! react */ "react");
-var Callout_1 = __webpack_require__(/*! @fluentui/react/lib/Callout */ "@fluentui/react/lib/FocusZone");
+var Callout_1 = __webpack_require__(/*! @fluentui/react/lib/Callout */ "@fluentui/react/lib/Theme");
 var emojiList_1 = __webpack_require__(/*! ../utils/emojiList */ "./packages/roosterjs-react/lib/emoji/utils/emojiList.ts");
-var Utilities_1 = __webpack_require__(/*! @fluentui/react/lib/Utilities */ "@fluentui/react/lib/FocusZone");
+var Utilities_1 = __webpack_require__(/*! @fluentui/react/lib/Utilities */ "@fluentui/react/lib/Theme");
 var EmojiIcon_1 = __webpack_require__(/*! ./EmojiIcon */ "./packages/roosterjs-react/lib/emoji/components/EmojiIcon.tsx");
 var EmojiNavBar_1 = __webpack_require__(/*! ./EmojiNavBar */ "./packages/roosterjs-react/lib/emoji/components/EmojiNavBar.tsx");
 var EmojiStatusBar_1 = __webpack_require__(/*! ./EmojiStatusBar */ "./packages/roosterjs-react/lib/emoji/components/EmojiStatusBar.tsx");
-var FocusZone_1 = __webpack_require__(/*! @fluentui/react/lib/FocusZone */ "@fluentui/react/lib/FocusZone");
+var FocusZone_1 = __webpack_require__(/*! @fluentui/react/lib/FocusZone */ "@fluentui/react/lib/Theme");
 var index_1 = __webpack_require__(/*! ../../common/index */ "./packages/roosterjs-react/lib/common/index.ts");
-var Styling_1 = __webpack_require__(/*! @fluentui/react/lib/Styling */ "@fluentui/react/lib/FocusZone");
+var Styling_1 = __webpack_require__(/*! @fluentui/react/lib/Styling */ "@fluentui/react/lib/Theme");
 var searchEmojis_1 = __webpack_require__(/*! ../utils/searchEmojis */ "./packages/roosterjs-react/lib/emoji/utils/searchEmojis.ts");
-var TextField_1 = __webpack_require__(/*! @fluentui/react/lib/TextField */ "@fluentui/react/lib/FocusZone");
-var Theme_1 = __webpack_require__(/*! @fluentui/react/lib/Theme */ "@fluentui/react/lib/FocusZone");
+var TextField_1 = __webpack_require__(/*! @fluentui/react/lib/TextField */ "@fluentui/react/lib/Theme");
+var Theme_1 = __webpack_require__(/*! @fluentui/react/lib/Theme */ "@fluentui/react/lib/Theme");
 // "When a div contains an element that is bigger (either taller or wider) than the parent and has the property
 // overflow-x or overflow-y set to any value, then it can receive the focus."
 // https://bugzilla.mozilla.org/show_bug.cgi?id=1069739
@@ -1640,7 +1640,7 @@ var getEmojiPaneClassName = (0, Utilities_1.memoizeFunction)(function (theme) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.EmojiStatusBar = void 0;
 var React = __webpack_require__(/*! react */ "react");
-var Tooltip_1 = __webpack_require__(/*! @fluentui/react/lib/Tooltip */ "@fluentui/react/lib/FocusZone");
+var Tooltip_1 = __webpack_require__(/*! @fluentui/react/lib/Tooltip */ "@fluentui/react/lib/Theme");
 var NO_SUGGESTIONS = 'emjDNoSuggetions';
 /**
  * @internal
@@ -1680,7 +1680,7 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.showEmojiCallout = void 0;
 var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
 var React = __webpack_require__(/*! react */ "react");
-var Callout_1 = __webpack_require__(/*! @fluentui/react/lib/Callout */ "@fluentui/react/lib/FocusZone");
+var Callout_1 = __webpack_require__(/*! @fluentui/react/lib/Callout */ "@fluentui/react/lib/Theme");
 var renderReactComponent_1 = __webpack_require__(/*! ../../common/utils/renderReactComponent */ "./packages/roosterjs-react/lib/common/utils/renderReactComponent.ts");
 var EmojiPane_1 = __webpack_require__(/*! ./EmojiPane */ "./packages/roosterjs-react/lib/emoji/components/EmojiPane.tsx");
 var EmojiICallout = React.forwardRef(function EmojiCalloutFunc(props, ref) {
@@ -1746,7 +1746,7 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.createEmojiPlugin = void 0;
 var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
 var React = __webpack_require__(/*! react */ "react");
-var Utilities_1 = __webpack_require__(/*! @fluentui/react/lib/Utilities */ "@fluentui/react/lib/FocusZone");
+var Utilities_1 = __webpack_require__(/*! @fluentui/react/lib/Utilities */ "@fluentui/react/lib/Theme");
 var emojiList_1 = __webpack_require__(/*! ../utils/emojiList */ "./packages/roosterjs-react/lib/emoji/utils/emojiList.ts");
 var showEmojiCallout_1 = __webpack_require__(/*! ../components/showEmojiCallout */ "./packages/roosterjs-react/lib/emoji/components/showEmojiCallout.tsx");
 var roosterjs_content_model_core_1 = __webpack_require__(/*! roosterjs-content-model-core */ "roosterjs-content-model-api");
@@ -4135,8 +4135,8 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.InputDialog = void 0;
 var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
 var React = __webpack_require__(/*! react */ "react");
-var Button_1 = __webpack_require__(/*! @fluentui/react/lib/Button */ "@fluentui/react/lib/FocusZone");
-var Dialog_1 = __webpack_require__(/*! @fluentui/react/lib/Dialog */ "@fluentui/react/lib/FocusZone");
+var Button_1 = __webpack_require__(/*! @fluentui/react/lib/Button */ "@fluentui/react/lib/Theme");
+var Dialog_1 = __webpack_require__(/*! @fluentui/react/lib/Dialog */ "@fluentui/react/lib/Theme");
 var index_1 = __webpack_require__(/*! ../../common/index */ "./packages/roosterjs-react/lib/common/index.ts");
 var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "roosterjs-content-model-api");
 var InputDialogItem_1 = __webpack_require__(/*! ./InputDialogItem */ "./packages/roosterjs-react/lib/inputDialog/component/InputDialogItem.tsx");
@@ -4190,8 +4190,8 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.InputDialogItem = void 0;
 var React = __webpack_require__(/*! react */ "react");
 var index_1 = __webpack_require__(/*! ../../common/index */ "./packages/roosterjs-react/lib/common/index.ts");
-var Styling_1 = __webpack_require__(/*! @fluentui/react/lib/Styling */ "@fluentui/react/lib/FocusZone");
-var TextField_1 = __webpack_require__(/*! @fluentui/react/lib/TextField */ "@fluentui/react/lib/FocusZone");
+var Styling_1 = __webpack_require__(/*! @fluentui/react/lib/Styling */ "@fluentui/react/lib/Theme");
+var TextField_1 = __webpack_require__(/*! @fluentui/react/lib/TextField */ "@fluentui/react/lib/Theme");
 var classNames = (0, Styling_1.mergeStyleSets)({
     inputBox: {
         width: '100%',
@@ -4294,16 +4294,16 @@ exports.showPasteOptionPane = void 0;
 var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
 var React = __webpack_require__(/*! react */ "react");
 var buttons_1 = __webpack_require__(/*! ../utils/buttons */ "./packages/roosterjs-react/lib/pasteOptions/utils/buttons.ts");
-var Callout_1 = __webpack_require__(/*! @fluentui/react/lib/Callout */ "@fluentui/react/lib/FocusZone");
+var Callout_1 = __webpack_require__(/*! @fluentui/react/lib/Callout */ "@fluentui/react/lib/Theme");
 var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "roosterjs-content-model-api");
 var index_1 = __webpack_require__(/*! ../../common/index */ "./packages/roosterjs-react/lib/common/index.ts");
-var Icon_1 = __webpack_require__(/*! @fluentui/react/lib/Icon */ "@fluentui/react/lib/FocusZone");
-var Button_1 = __webpack_require__(/*! @fluentui/react/lib/Button */ "@fluentui/react/lib/FocusZone");
-var Utilities_1 = __webpack_require__(/*! @fluentui/react/lib/Utilities */ "@fluentui/react/lib/FocusZone");
-var Styling_1 = __webpack_require__(/*! @fluentui/react/lib/Styling */ "@fluentui/react/lib/FocusZone");
+var Icon_1 = __webpack_require__(/*! @fluentui/react/lib/Icon */ "@fluentui/react/lib/Theme");
+var Button_1 = __webpack_require__(/*! @fluentui/react/lib/Button */ "@fluentui/react/lib/Theme");
+var Utilities_1 = __webpack_require__(/*! @fluentui/react/lib/Utilities */ "@fluentui/react/lib/Theme");
+var Styling_1 = __webpack_require__(/*! @fluentui/react/lib/Styling */ "@fluentui/react/lib/Theme");
 var renderReactComponent_1 = __webpack_require__(/*! ../../common/utils/renderReactComponent */ "./packages/roosterjs-react/lib/common/utils/renderReactComponent.ts");
-var Theme_1 = __webpack_require__(/*! @fluentui/react/lib/Theme */ "@fluentui/react/lib/FocusZone");
-var WindowProvider_1 = __webpack_require__(/*! @fluentui/react/lib/WindowProvider */ "@fluentui/react/lib/FocusZone");
+var Theme_1 = __webpack_require__(/*! @fluentui/react/lib/Theme */ "@fluentui/react/lib/Theme");
+var WindowProvider_1 = __webpack_require__(/*! @fluentui/react/lib/WindowProvider */ "@fluentui/react/lib/Theme");
 var getPasteOptionClassNames = (0, Utilities_1.memoizeFunction)(function (theme) {
     var palette = theme.palette;
     return (0, Styling_1.mergeStyleSets)({
@@ -5331,10 +5331,10 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.insertTableButton = void 0;
 var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
 var React = __webpack_require__(/*! react */ "react");
-var FocusZone_1 = __webpack_require__(/*! @fluentui/react/lib/FocusZone */ "@fluentui/react/lib/FocusZone");
+var FocusZone_1 = __webpack_require__(/*! @fluentui/react/lib/FocusZone */ "@fluentui/react/lib/Theme");
 var roosterjs_content_model_api_1 = __webpack_require__(/*! roosterjs-content-model-api */ "roosterjs-content-model-api");
 var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "roosterjs-content-model-api");
-var Styling_1 = __webpack_require__(/*! @fluentui/react/lib/Styling */ "@fluentui/react/lib/FocusZone");
+var Styling_1 = __webpack_require__(/*! @fluentui/react/lib/Styling */ "@fluentui/react/lib/Theme");
 var MaxRows = 10;
 var MaxCols = 10;
 var classNames = (0, Styling_1.mergeStyleSets)({
@@ -5878,11 +5878,11 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.Ribbon = void 0;
 var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
 var React = __webpack_require__(/*! react */ "react");
-var CommandBar_1 = __webpack_require__(/*! @fluentui/react/lib/CommandBar */ "@fluentui/react/lib/FocusZone");
-var FocusZone_1 = __webpack_require__(/*! @fluentui/react/lib/FocusZone */ "@fluentui/react/lib/FocusZone");
+var CommandBar_1 = __webpack_require__(/*! @fluentui/react/lib/CommandBar */ "@fluentui/react/lib/Theme");
+var FocusZone_1 = __webpack_require__(/*! @fluentui/react/lib/FocusZone */ "@fluentui/react/lib/Theme");
 var getLocalizedString_1 = __webpack_require__(/*! ../../common/utils/getLocalizedString */ "./packages/roosterjs-react/lib/common/utils/getLocalizedString.ts");
 var roosterjs_content_model_dom_1 = __webpack_require__(/*! roosterjs-content-model-dom */ "roosterjs-content-model-api");
-var Styling_1 = __webpack_require__(/*! @fluentui/react/lib/Styling */ "@fluentui/react/lib/FocusZone");
+var Styling_1 = __webpack_require__(/*! @fluentui/react/lib/Styling */ "@fluentui/react/lib/Theme");
 var moreCommands_1 = __webpack_require__(/*! ../buttons/moreCommands */ "./packages/roosterjs-react/lib/ribbon/buttons/moreCommands.ts");
 var ribbonClassName = (0, Styling_1.mergeStyles)({
     '& .ms-CommandBar': {
@@ -6217,9 +6217,9 @@ exports.Rooster = void 0;
 var tslib_1 = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.mjs");
 var React = __webpack_require__(/*! react */ "react");
 var index_1 = __webpack_require__(/*! ../../common/index */ "./packages/roosterjs-react/lib/common/index.ts");
-var Utilities_1 = __webpack_require__(/*! @fluentui/react/lib/Utilities */ "@fluentui/react/lib/FocusZone");
+var Utilities_1 = __webpack_require__(/*! @fluentui/react/lib/Utilities */ "@fluentui/react/lib/Theme");
 var roosterjs_content_model_core_1 = __webpack_require__(/*! roosterjs-content-model-core */ "roosterjs-content-model-api");
-var Theme_1 = __webpack_require__(/*! @fluentui/react/lib/Theme */ "@fluentui/react/lib/FocusZone");
+var Theme_1 = __webpack_require__(/*! @fluentui/react/lib/Theme */ "@fluentui/react/lib/Theme");
 /**
  * Main component of react wrapper for roosterjs
  * @param props Properties of this component
@@ -6289,13 +6289,13 @@ Object.defineProperty(exports, "Rooster", ({ enumerable: true, get: function ()
 
 /***/ }),
 
-/***/ "@fluentui/react/lib/FocusZone":
+/***/ "@fluentui/react/lib/Theme":
 /*!********************************!*\
   !*** external "FluentUIReact" ***!
   \********************************/
 /***/ ((module) => {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__fluentui_react_lib_FocusZone__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__fluentui_react_lib_Theme__;
 
 /***/ }),