@atlaskit/editor-core 187.40.1 → 187.41.0

package/dist/cjs/i18n/vi.js

@@ -114,6 +114,7 @@ var _default = {
   'fabric.editor.heading6Description': 'Sử dụng kiểu chữ này cho những tiêu đề phụ phía dưới',
   'fabric.editor.headingLink.toolbarHelpTitle': 'Mở hộp thoại trợ giúp',
   'fabric.editor.helpDialogTips': 'Nhấn {keyMap} để mở nhanh hộp thoại này bất kỳ lúc nào',
+  'fabric.editor.image.fullWidthLabel': 'Toàn chiều rộng',
   'fabric.editor.imageBorderBold': 'In đậm',
   'fabric.editor.imageBorderColor': 'Màu sắc',
   'fabric.editor.imageBorderMedium': 'Trung bình',
@@ -129,13 +130,14 @@ var _default = {
   'fabric.editor.inviteItem.title': '{userRole, select, admin {Mời thành viên cùng nhóm vào {productName}} trusted {Mời thành viên cùng nhóm vào {productName}} other {Thêm thành viên cùng nhóm vào {productName}}}',
   'fabric.editor.keyboardShortcuts': 'Phím tắt bàn phím',
   'fabric.editor.leftSidebar': 'Thanh bên trái',
-  'fabric.editor.lists': 'Danh sách',
   'fabric.editor.markdown': 'Ngôn ngữ đánh dấu',
   'fabric.editor.matchCase': 'Khớp cách viết hoa',
   'fabric.editor.media.pixelEntry.inputHeightAriaLabel': 'nhập chiều cao',
   'fabric.editor.media.pixelEntry.inputHeightTooltip': 'Chiều cao',
-  'fabric.editor.media.pixelEntry.inputWidthAriaLabel': 'nhập chiều rộng',
-  'fabric.editor.media.pixelEntry.inputWidthTooltip': 'Chiều rộng',
+  'fabric.editor.media.pixelEntry.inputWidthAriaLabel': 'Chiều rộng tối đa {maxWidth} px',
+  'fabric.editor.media.pixelEntry.inputWidthTooltip': 'Chiều rộng tối đa {maxWidth} px',
+  'fabric.editor.media.pixelEntry.migrationButtonText': 'Chuyển đổi sang điểm ảnh',
+  'fabric.editor.media.pixelEntry.migrationButtonTooltip': 'Chuyển từ tỷ lệ phần trăm sang kích thước điểm ảnh cố định',
   'fabric.editor.media.pixelEntry.submitButtonText': 'Gửi',
   'fabric.editor.media.pixelEntry.validationFailedMessage': 'Không xác thực được chiều rộng',
   'fabric.editor.mediaGroupDeleteLabel': 'xóa',
@@ -148,8 +150,6 @@ var _default = {
   'fabric.editor.note': 'Lưu ý',
   'fabric.editor.notePanel': 'Ô ghi chú',
   'fabric.editor.notePanel.description': 'Thêm ghi chú bằng ô màu',
-  'fabric.editor.orderedList': 'Danh sách được đánh số',
-  'fabric.editor.orderedList.description': 'Tạo một danh sách kiểu sắp xếp',
   'fabric.editor.other': 'Khác...',
   'fabric.editor.outdent': 'Nhô lề',
   'fabric.editor.panel.backgroundColor': 'Màu nền',
@@ -191,13 +191,10 @@ var _default = {
   'fabric.editor.typeahead.mentionPopupLabel': 'Người dùng bạn có thể gắn thẻ',
   'fabric.editor.typeahead.metionListItemLabel': 'Người dùng {name} @{shortName}',
   'fabric.editor.undo': 'Hoàn tác',
-  'fabric.editor.unorderedList': 'Danh sách dấu đầu dòng',
-  'fabric.editor.unorderedList.description': 'Tạo một danh sách kiểu không sắp xếp',
   'fabric.editor.warning': 'Cảnh báo',
   'fabric.editor.warningPanel': 'Ô cảnh báo',
   'fabric.editor.warningPanel.description': 'Thêm ghi chú thận trọng bằng ô màu',
   'fabric.editor.wrapLeft': 'Cuộn sang trái',
-  'fabric.editor.wrapRight': 'Cuộn sang phải',
-  'fabric.emoji.label': 'Biểu tượng cảm xúc'
+  'fabric.editor.wrapRight': 'Cuộn sang phải'
 };
 exports.default = _default;

package/dist/cjs/i18n/zh.js

@@ -114,6 +114,7 @@ var _default = {
   'fabric.editor.heading6Description': '用于次级标题',
   'fabric.editor.headingLink.toolbarHelpTitle': '打开帮助对话框',
   'fabric.editor.helpDialogTips': '点击 {keyMap} 可以随时快速打开此对话',
+  'fabric.editor.image.fullWidthLabel': '全宽',
   'fabric.editor.imageBorderBold': '加粗',
   'fabric.editor.imageBorderColor': '颜色',
   'fabric.editor.imageBorderMedium': '中等',
@@ -129,13 +130,14 @@ var _default = {
   'fabric.editor.inviteItem.title': '{userRole, select, admin {邀请团队成员加入 {productName}} trusted {邀请团队成员加入 {productName}} other {将团队成员添加至 {productName}}}',
   'fabric.editor.keyboardShortcuts': '键盘快捷键',
   'fabric.editor.leftSidebar': '左侧栏',
-  'fabric.editor.lists': '列表',
   'fabric.editor.markdown': '进行标记',
   'fabric.editor.matchCase': '匹配大小写',
   'fabric.editor.media.pixelEntry.inputHeightAriaLabel': '高度输入',
   'fabric.editor.media.pixelEntry.inputHeightTooltip': '高度',
-  'fabric.editor.media.pixelEntry.inputWidthAriaLabel': '宽度输入',
-  'fabric.editor.media.pixelEntry.inputWidthTooltip': '宽度',
+  'fabric.editor.media.pixelEntry.inputWidthAriaLabel': '最大宽度 {maxWidth} 像素',
+  'fabric.editor.media.pixelEntry.inputWidthTooltip': '最大宽度 {maxWidth} 像素',
+  'fabric.editor.media.pixelEntry.migrationButtonText': '转换为像素',
+  'fabric.editor.media.pixelEntry.migrationButtonTooltip': '从百分比迁移到固定像素大小',
   'fabric.editor.media.pixelEntry.submitButtonText': '提交',
   'fabric.editor.media.pixelEntry.validationFailedMessage': '宽度验证失败',
   'fabric.editor.mediaGroupDeleteLabel': '删除',
@@ -148,8 +150,6 @@ var _default = {
   'fabric.editor.note': '说明',
   'fabric.editor.notePanel': '记录面板',
   'fabric.editor.notePanel.description': '在彩色面板添加注释',
-  'fabric.editor.orderedList': '有序列表',
-  'fabric.editor.orderedList.description': '创建有序列表',
   'fabric.editor.other': '其他...',
   'fabric.editor.outdent': '减小缩进',
   'fabric.editor.panel.backgroundColor': '背景颜色',
@@ -191,13 +191,10 @@ var _default = {
   'fabric.editor.typeahead.mentionPopupLabel': '您可以标记的用户',
   'fabric.editor.typeahead.metionListItemLabel': '用户 {name} @{shortName}',
   'fabric.editor.undo': '撤销',
-  'fabric.editor.unorderedList': '无序列表',
-  'fabric.editor.unorderedList.description': '创建无序列表',
   'fabric.editor.warning': '警告',
   'fabric.editor.warningPanel': '警告面板',
   'fabric.editor.warningPanel.description': '在彩色面板添加提醒注释',
   'fabric.editor.wrapLeft': '隐藏左边',
-  'fabric.editor.wrapRight': '隐藏右边',
-  'fabric.emoji.label': '表情'
+  'fabric.editor.wrapRight': '隐藏右边'
 };
 exports.default = _default;

package/dist/cjs/i18n/zh_TW.js

@@ -114,6 +114,7 @@ var _default = {
   'fabric.editor.heading6Description': '用於低層級標題',
   'fabric.editor.headingLink.toolbarHelpTitle': '開啟說明對話方塊',
   'fabric.editor.helpDialogTips': '您可以隨時按下 {keyMap} 來快速開啟此對話方塊',
+  'fabric.editor.image.fullWidthLabel': '全寬',
   'fabric.editor.imageBorderBold': '粗體',
   'fabric.editor.imageBorderColor': '顏色',
   'fabric.editor.imageBorderMedium': '普通',
@@ -129,13 +130,14 @@ var _default = {
   'fabric.editor.inviteItem.title': '{userRole, select, admin {邀請團隊成員加入 {productName}} trusted {邀請團隊成員加入 {productName}} other {將團隊成員新增至 {productName}}}',
   'fabric.editor.keyboardShortcuts': '鍵盤快速鍵',
   'fabric.editor.leftSidebar': '左側資訊看板',
-  'fabric.editor.lists': '清單',
   'fabric.editor.markdown': 'Markdown',
   'fabric.editor.matchCase': '大小寫須相符',
   'fabric.editor.media.pixelEntry.inputHeightAriaLabel': '高度輸入',
   'fabric.editor.media.pixelEntry.inputHeightTooltip': '高度',
-  'fabric.editor.media.pixelEntry.inputWidthAriaLabel': '寬度輸入',
-  'fabric.editor.media.pixelEntry.inputWidthTooltip': '寬度',
+  'fabric.editor.media.pixelEntry.inputWidthAriaLabel': '最大寬度 {maxWidth}px',
+  'fabric.editor.media.pixelEntry.inputWidthTooltip': '最大寬度 {maxWidth}px',
+  'fabric.editor.media.pixelEntry.migrationButtonText': '轉換為像素',
+  'fabric.editor.media.pixelEntry.migrationButtonTooltip': '從百分比移轉為固定像素大小',
   'fabric.editor.media.pixelEntry.submitButtonText': '提交',
   'fabric.editor.media.pixelEntry.validationFailedMessage': '寬度驗證失敗',
   'fabric.editor.mediaGroupDeleteLabel': '刪除',
@@ -148,8 +150,6 @@ var _default = {
   'fabric.editor.note': '附註',
   'fabric.editor.notePanel': '附註面板',
   'fabric.editor.notePanel.description': '以彩色面板新增附註',
-  'fabric.editor.orderedList': '編號清單',
-  'fabric.editor.orderedList.description': '建立已排序的清單',
   'fabric.editor.other': '其他...',
   'fabric.editor.outdent': '減少縮排',
   'fabric.editor.panel.backgroundColor': '背景顏色',
@@ -191,13 +191,10 @@ var _default = {
   'fabric.editor.typeahead.mentionPopupLabel': '您可以標記的使用者',
   'fabric.editor.typeahead.metionListItemLabel': '使用者 {name} @{shortName}',
   'fabric.editor.undo': '復原',
-  'fabric.editor.unorderedList': '項目符號清單',
-  'fabric.editor.unorderedList.description': '建立未排序的清單',
   'fabric.editor.warning': '警告',
   'fabric.editor.warningPanel': '警告面板',
   'fabric.editor.warningPanel.description': '以彩色面板新增注意附註',
   'fabric.editor.wrapLeft': '靠左圍繞',
-  'fabric.editor.wrapRight': '靠右圍繞',
-  'fabric.emoji.label': '表情符號'
+  'fabric.editor.wrapRight': '靠右圍繞'
 };
 exports.default = _default;

package/dist/cjs/plugins/find-replace/ui/Find.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.FIND_DEBOUNCE_MS = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
@@ -15,6 +15,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
 var _close = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/close"));
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/chevron-down"));
 var _chevronUp = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/chevron-up"));
@@ -23,8 +24,11 @@ var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
 var _styles = require("./styles");
 var _types = require("../../analytics/types");
 var _FindReplaceTooltipButton = require("./FindReplaceTooltipButton");
+var _rafSchd = _interopRequireDefault(require("raf-schd"));
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
+var FIND_DEBOUNCE_MS = 100;
+exports.FIND_DEBOUNCE_MS = FIND_DEBOUNCE_MS;
 var messages = (0, _reactIntlNext.defineMessages)({
   find: {
     id: 'fabric.editor.find',
@@ -71,7 +75,7 @@ var Find = /*#__PURE__*/function (_React$Component) {
     _this = _super.call(this, props);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "findTextfieldRef", /*#__PURE__*/_react.default.createRef());
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isComposing", false);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "syncFindText", function () {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "syncFindText", function (onSynced) {
       var _this$state;
       // If the external prop findText changes and we aren't in a composition we should update to
       // use the external prop value.
@@ -79,15 +83,9 @@ var Find = /*#__PURE__*/function (_React$Component) {
       // An example of where this may happen is when a find occurs through the user selecting some text
       // and pressing Mod-f.
       if (!_this.isComposing && _this.props.findText !== ((_this$state = _this.state) === null || _this$state === void 0 ? void 0 : _this$state.localFindText)) {
-        _this.updateFindValue(_this.props.findText || '');
+        _this.updateFindValue(_this.props.findText || '', onSynced);
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "skipWhileComposing", function (fn) {
-      if (_this.isComposing) {
-        return;
-      }
-      fn();
-    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "focusFindTextfield", function () {
       var input = _this.findTextfieldRef.current;
       if (_this.props.shouldFocus && input) {
@@ -97,44 +95,63 @@ var Find = /*#__PURE__*/function (_React$Component) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleFindChange", function (event) {
       _this.updateFindValue(event.target.value);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updateFindValue", function (value) {
+    // debounce (vs throttle) to not block typing inside find input while onFind runs
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "debouncedFind", (0, _debounce.default)(function (value) {
+      _this.props.onFind(value);
+    }, FIND_DEBOUNCE_MS));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updateFindValue", function (value, onSynced) {
       _this.setState({
         localFindText: value
-      });
-      _this.skipWhileComposing(function () {
-        _this.props.onFind(value);
+      }, function () {
+        if (_this.isComposing) {
+          return;
+        }
+        onSynced && onSynced();
+        _this.debouncedFind(value);
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleFindKeyDown", function (event) {
-      return _this.skipWhileComposing(function () {
-        if (event.key === 'Enter') {
-          if (event.shiftKey) {
-            _this.props.onFindPrev({
-              triggerMethod: _types.TRIGGER_METHOD.KEYBOARD
-            });
-          } else {
-            _this.props.onFindNext({
-              triggerMethod: _types.TRIGGER_METHOD.KEYBOARD
-            });
-          }
-        } else if (event.key === 'ArrowDown') {
-          // we want to move focus between find & replace texfields when user hits up/down arrows
-          _this.props.onArrowDown();
+    // throtlle between animation frames gives better experience on Enter compared to arbitrary value
+    // it adjusts based on performance (and document size)
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleFindKeyDownThrottled", (0, _rafSchd.default)(function (event) {
+      if (event.key === 'Enter') {
+        if (event.shiftKey) {
+          _this.props.onFindPrev({
+            triggerMethod: _types.TRIGGER_METHOD.KEYBOARD
+          });
+        } else {
+          _this.props.onFindNext({
+            triggerMethod: _types.TRIGGER_METHOD.KEYBOARD
+          });
         }
-      });
+      } else if (event.key === 'ArrowDown') {
+        // we want to move focus between find & replace texfields when user hits up/down arrows
+        _this.props.onArrowDown();
+      }
+    }));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleFindKeyDown", function (event) {
+      if (_this.isComposing) {
+        return;
+      }
+      event.persist();
+      _this.handleFindKeyDownThrottled(event);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleFindKeyUp", function () {
+      _this.handleFindKeyDownThrottled.cancel();
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleFindNextClick", function (ref) {
-      return _this.skipWhileComposing(function () {
-        _this.props.onFindNext({
-          triggerMethod: _types.TRIGGER_METHOD.BUTTON
-        });
+      if (_this.isComposing) {
+        return;
+      }
+      _this.props.onFindNext({
+        triggerMethod: _types.TRIGGER_METHOD.BUTTON
       });
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleFindPrevClick", function (ref) {
-      return _this.skipWhileComposing(function () {
-        _this.props.onFindPrev({
-          triggerMethod: _types.TRIGGER_METHOD.BUTTON
-        });
+      if (_this.isComposing) {
+        return;
+      }
+      _this.props.onFindPrev({
+        triggerMethod: _types.TRIGGER_METHOD.BUTTON
       });
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleCompositionStart", function () {
@@ -187,15 +204,43 @@ var Find = /*#__PURE__*/function (_React$Component) {
   (0, _createClass2.default)(Find, [{
     key: "componentDidMount",
     value: function componentDidMount() {
+      var _this2 = this;
       this.props.onFindTextfieldRefSet(this.findTextfieldRef);
-      this.focusFindTextfield();
-      this.syncFindText();
+
+      // focus initially on dialog mount if there is no find text provided
+      if (!this.props.findText) {
+        this.focusFindTextfield();
+      }
+      this.syncFindText(function () {
+        // focus after input is synced if find text provided
+        if (_this2.props.findText) {
+          _this2.focusFindTextfield();
+        }
+      });
     }
   }, {
     key: "componentDidUpdate",
-    value: function componentDidUpdate() {
-      this.focusFindTextfield();
-      this.syncFindText();
+    value: function componentDidUpdate(prevProps) {
+      var _this$state2,
+        _this3 = this;
+      // focus on update if find text did not change
+      if (this.props.findText === ((_this$state2 = this.state) === null || _this$state2 === void 0 ? void 0 : _this$state2.localFindText)) {
+        this.focusFindTextfield();
+      }
+      if (this.props.findText !== prevProps.findText) {
+        this.syncFindText(function () {
+          // focus after input is synced if find text provided
+          if (_this3.props.findText) {
+            _this3.focusFindTextfield();
+          }
+        });
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.debouncedFind.cancel();
+      this.handleFindKeyDownThrottled.cancel();
     }
   }, {
     key: "render",
@@ -221,6 +266,7 @@ var Find = /*#__PURE__*/function (_React$Component) {
         autoComplete: "off",
         onChange: this.handleFindChange,
         onKeyDown: this.handleFindKeyDown,
+        onKeyUp: this.handleFindKeyUp,
         onBlur: this.props.onFindBlur,
         onCompositionStart: this.handleCompositionStart,
         onCompositionEnd: this.handleCompositionEnd

package/dist/cjs/plugins/quick-insert/index.js

@@ -59,7 +59,8 @@ var quickInsertPlugin = function quickInsertPlugin(_ref) {
       if (options !== null && options !== void 0 && options.enableElementBrowser) {
         return /*#__PURE__*/_react.default.createElement(_ModalElementBrowser.default, {
           editorView: editorView,
-          helpUrl: options === null || options === void 0 ? void 0 : options.elementBrowserHelpUrl
+          helpUrl: options === null || options === void 0 ? void 0 : options.elementBrowserHelpUrl,
+          pluginInjectionAPI: api
         });
       }
       return null;
@@ -75,7 +76,8 @@ var quickInsertPlugin = function quickInsertPlugin(_ref) {
       return {
         lazyDefaultItems: quickInsertState.lazyDefaultItems,
         emptyStateHandler: quickInsertState.emptyStateHandler,
-        providedItems: quickInsertState.providedItems
+        providedItems: quickInsertState.providedItems,
+        isElementBrowserModalOpen: quickInsertState.isElementBrowserModalOpen
       };
     },
     actions: {

package/dist/cjs/{ui/ElementBrowser → plugins/quick-insert/ui/ModalElementBrowser}/ModalElementBrowser.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.MODAL_WRAPPER_PADDING = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireWildcard(require("react"));
@@ -17,21 +17,22 @@ var _constants = require("@atlaskit/theme/constants");
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
 var _questionCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/question-circle"));
-var _ElementBrowserLoader = _interopRequireDefault(require("./components/ElementBrowserLoader"));
+var _elementBrowser = require("@atlaskit/editor-common/element-browser");
 var _categories = require("./categories");
-var _constants2 = require("./constants");
 var _messages = require("./messages");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 /** @jsx jsx */
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var MODAL_WRAPPER_PADDING = 16;
+exports.MODAL_WRAPPER_PADDING = MODAL_WRAPPER_PADDING;
 var actions = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-flex;\n  margin: 0 -4px;\n"])));
-var actionItem = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  flex: 1 0 auto;\n  margin: 0 4px;\n"])));
-var wrapper = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex: 1 1 auto;\n  box-sizing: border-box;\n  padding: ", "px ", "px 0 10px;\n  overflow: hidden;\n  background-color: ", ";\n  border-radius: ", "px;\n"])), _constants2.MODAL_WRAPPER_PADDING, _constants2.MODAL_WRAPPER_PADDING, (0, _components.themed)({
+var actionItem = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  flex: 1 0 auto;\n  margin: 0 ", ";\n"])), "var(--ds-space-050, 4px)");
+var wrapper = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex: 1 1 auto;\n  box-sizing: border-box;\n  padding: ", " ", " 0 10px;\n  overflow: hidden;\n  background-color: ", ";\n  border-radius: ", "px;\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)", (0, _components.themed)({
   light: "var(--ds-surface-overlay, ".concat(_colors.N0, ")"),
   dark: "var(--ds-surface-overlay, ".concat(_colors.DN50, ")")
 })(), (0, _constants.borderRadius)());
-var modalFooter = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  padding: ", "px;\n\n  position: relative;\n  align-items: center;\n  justify-content: space-between;\n"])), _constants2.MODAL_WRAPPER_PADDING);
+var modalFooter = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  padding: ", ";\n\n  position: relative;\n  align-items: center;\n  justify-content: space-between;\n"])), "var(--ds-space-200, 16px)");
 var ModalElementBrowser = function ModalElementBrowser(props) {
   var _useState = (0, _react.useState)(),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -65,7 +66,7 @@ var ModalElementBrowser = function ModalElementBrowser(props) {
   var RenderBody = (0, _react.useCallback)(function () {
     return (0, _react2.jsx)("div", {
       css: wrapper
-    }, (0, _react2.jsx)(_ElementBrowserLoader.default, {
+    }, (0, _react2.jsx)(_elementBrowser.ElementBrowser, {
       categories: (0, _categories.getCategories)(props.intl),
       getItems: props.getItems,
       showSearch: true,

package/dist/cjs/plugins/quick-insert/ui/ModalElementBrowser/index.js

@@ -7,11 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _WithPluginState = _interopRequireDefault(require("../../../../ui/WithPluginState"));
-var _pluginKey = require("../../plugin-key");
-var _ModalElementBrowser = _interopRequireDefault(require("../../../../ui/ElementBrowser/ModalElementBrowser"));
+var _ModalElementBrowser = _interopRequireDefault(require("./ModalElementBrowser"));
 var _commands = require("../../commands");
 var _search = require("../../search");
+var _hooks = require("@atlaskit/editor-common/hooks");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var Modal = function Modal(_ref) {
@@ -49,20 +48,14 @@ var Modal = function Modal(_ref) {
 };
 var _default = function _default(_ref2) {
   var editorView = _ref2.editorView,
-    helpUrl = _ref2.helpUrl;
-  var render = (0, _react.useCallback)(function (_ref3) {
-    var quickInsertState = _ref3.quickInsertState;
-    return /*#__PURE__*/_react.default.createElement(Modal, {
-      quickInsertState: quickInsertState,
-      editorView: editorView,
-      helpUrl: helpUrl
-    });
-  }, [editorView, helpUrl]);
-  return /*#__PURE__*/_react.default.createElement(_WithPluginState.default, {
-    plugins: {
-      quickInsertState: _pluginKey.pluginKey
-    },
-    render: render
+    helpUrl = _ref2.helpUrl,
+    pluginInjectionAPI = _ref2.pluginInjectionAPI;
+  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionAPI, ['quickInsert']),
+    quickInsertState = _useSharedPluginState.quickInsertState;
+  return /*#__PURE__*/_react.default.createElement(Modal, {
+    quickInsertState: quickInsertState !== null && quickInsertState !== void 0 ? quickInsertState : undefined,
+    editorView: editorView,
+    helpUrl: helpUrl
   });
 };
 exports.default = _default;

package/dist/cjs/ui/ElementBrowser/InsertMenu.js

@@ -15,9 +15,8 @@ var _theme = require("@atlaskit/theme");
 var _components = require("@atlaskit/theme/components");
 var _colors = require("@atlaskit/theme/colors");
 var _quickInsert = require("@atlaskit/editor-common/quick-insert");
-var _withOuterListeners = _interopRequireDefault(require("../with-outer-listeners"));
-var _ElementBrowserLoader = _interopRequireDefault(require("./components/ElementBrowserLoader"));
-var _constants = require("./constants");
+var _uiReact = require("@atlaskit/editor-common/ui-react");
+var _elementBrowser = require("@atlaskit/editor-common/element-browser");
 var _excluded = ["children"];
 var _templateObject, _templateObject2;
 /** @jsx jsx */
@@ -103,7 +102,7 @@ var InsertMenu = function InsertMenu(_ref) {
     handleClickOutside: toggleVisiblity,
     handleEscapeKeydown: toggleVisiblity,
     closeOnTab: true
-  }, (0, _react2.jsx)(_ElementBrowserLoader.default, {
+  }, (0, _react2.jsx)(_elementBrowser.ElementBrowser, {
     mode: "inline",
     getItems: getItems,
     emptyStateHandler: emptyStateHandler,
@@ -137,7 +136,7 @@ var getInsertMenuHeight = function getInsertMenuHeight(_ref3) {
   // Figure based on visuals to exclude the searchbar, padding/margin, and the ViewMore item.
   var EXTRA_SPACE_EXCLUDING_ELEMENTLIST = 112;
   if (itemCount > 0 && itemCount < 6) {
-    return itemCount * _constants.ELEMENT_ITEM_HEIGHT + EXTRA_SPACE_EXCLUDING_ELEMENTLIST;
+    return itemCount * _elementBrowser.ELEMENT_ITEM_HEIGHT + EXTRA_SPACE_EXCLUDING_ELEMENTLIST;
   }
   return 560; // For showing 6 Elements.
 };
@@ -158,6 +157,6 @@ var FlexWrapper = function FlexWrapper(props) {
     css: flexWrapperStyles
   }, divProps), children);
 };
-var ElementBrowserWrapper = (0, _withOuterListeners.default)(FlexWrapper);
+var ElementBrowserWrapper = (0, _uiReact.withReactEditorViewOuterListeners)(FlexWrapper);
 var _default = InsertMenu;
 exports.default = _default;

package/dist/cjs/ui/ElementBrowser/types.js

@@ -2,11 +2,4 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
-exports.Modes = void 0;
-var Modes = /*#__PURE__*/function (Modes) {
-  Modes["full"] = "full";
-  Modes["inline"] = "inline";
-  return Modes;
-}({});
-exports.Modes = Modes;
+});

package/dist/cjs/version-wrapper.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.nextMajorVersion = exports.name = void 0;
 var name = "@atlaskit/editor-core";
 exports.name = name;
-var version = "187.40.1";
+var version = "187.41.0";
 exports.version = version;
 var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');

package/dist/es2019/editor-next/hooks/useEditorMeasuresConstructor.js

@@ -22,8 +22,8 @@ export default function useEditorConstructor(performanceTracking, featureFlags,
     startMeasure(measurements.EDITOR_MOUNTED);
     if (performanceTracking !== null && performanceTracking !== void 0 && (_performanceTracking$ = performanceTracking.ttiTracking) !== null && _performanceTracking$ !== void 0 && _performanceTracking$.enabled || featureFlags !== null && featureFlags !== void 0 && featureFlags.ufo) {
       var _performanceTracking$2, _performanceTracking$3;
-      measureTTI((tti, ttiFromInvocation, canceled) => {
-        editorMeasureTTICallback(tti, ttiFromInvocation, canceled, performanceTracking, featureFlags, createAnalyticsEvent, getExperienceStore());
+      measureTTI((tti, ttiFromInvocation, canceled, distortedDuration) => {
+        editorMeasureTTICallback(tti, ttiFromInvocation, canceled, distortedDuration, performanceTracking, featureFlags, createAnalyticsEvent, getExperienceStore());
       }, performanceTracking === null || performanceTracking === void 0 ? void 0 : (_performanceTracking$2 = performanceTracking.ttiTracking) === null || _performanceTracking$2 === void 0 ? void 0 : _performanceTracking$2.ttiIdleThreshold, performanceTracking === null || performanceTracking === void 0 ? void 0 : (_performanceTracking$3 = performanceTracking.ttiTracking) === null || _performanceTracking$3 === void 0 ? void 0 : _performanceTracking$3.ttiCancelTimeout);
     }
   });

package/dist/es2019/editor-next/utils/editorMeasureTTICallback.js

@@ -1,7 +1,7 @@
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import { EditorExperience } from '@atlaskit/editor-common/ufo';
 import { getTTISeverity } from '@atlaskit/editor-common/utils';
-export default function editorMeasureTTICallback(tti, ttiFromInvocation, canceled, performanceTracking, featureFlags, createAnalyticsEvent, experienceStore) {
+export default function editorMeasureTTICallback(tti, ttiFromInvocation, canceled, distortedDuration, performanceTracking, featureFlags, createAnalyticsEvent, experienceStore) {
   var _performanceTracking$;
   if (performanceTracking !== null && performanceTracking !== void 0 && (_performanceTracking$ = performanceTracking.ttiTracking) !== null && _performanceTracking$ !== void 0 && _performanceTracking$.enabled && createAnalyticsEvent) {
     var _ttiTracking;
@@ -12,7 +12,8 @@ export default function editorMeasureTTICallback(tti, ttiFromInvocation, cancele
         attributes: {
           tti,
           ttiFromInvocation,
-          canceled
+          canceled,
+          distortedDuration
         },
         eventType: EVENT_TYPE.OPERATIONAL
       }

package/dist/es2019/element-browser.js

@@ -1 +1 @@
-export { default as ElementBrowser } from './ui/ElementBrowser';
+export { ElementBrowser } from '@atlaskit/editor-common/element-browser';

package/dist/es2019/i18n/cs.js

@@ -109,6 +109,7 @@ export default {
   'fabric.editor.heading6Description': 'Použít pro nadpis nejnižší úrovně',
   'fabric.editor.headingLink.toolbarHelpTitle': 'Otevřít dialog nápovědy',
   'fabric.editor.helpDialogTips': 'Zmáčkněte {keyMap}, abyste mohli kdykoliv rychle otevřít tento dialog.',
+  'fabric.editor.image.fullWidthLabel': 'Celá šířka',
   'fabric.editor.imageBorderBold': 'Tučné',
   'fabric.editor.imageBorderColor': 'Barva',
   'fabric.editor.imageBorderMedium': 'Střední',
@@ -124,13 +125,14 @@ export default {
   'fabric.editor.inviteItem.title': '{userRole, select, admin {Pozvat týmového kolegu do produktu {productName}} trusted {Pozvat týmového kolegu do produktu {productName}} other {Přidat týmového kolegu do produktu {productName}}}',
   'fabric.editor.keyboardShortcuts': 'Klávesové zkratky',
   'fabric.editor.leftSidebar': 'Levý postranní panel',
-  'fabric.editor.lists': 'Seznamy',
   'fabric.editor.markdown': 'Snížení',
   'fabric.editor.matchCase': 'Rozlišovat malá a velká písmena',
   'fabric.editor.media.pixelEntry.inputHeightAriaLabel': 'vstup výšky',
   'fabric.editor.media.pixelEntry.inputHeightTooltip': 'Výška',
-  'fabric.editor.media.pixelEntry.inputWidthAriaLabel': 'vstup šířky',
-  'fabric.editor.media.pixelEntry.inputWidthTooltip': 'Šířka',
+  'fabric.editor.media.pixelEntry.inputWidthAriaLabel': 'Maximální šířka {maxWidth} px',
+  'fabric.editor.media.pixelEntry.inputWidthTooltip': 'Maximální šířka {maxWidth} px',
+  'fabric.editor.media.pixelEntry.migrationButtonText': 'Převést na pixely',
+  'fabric.editor.media.pixelEntry.migrationButtonTooltip': 'Přechod z procentuální velikosti na velikost v pixelech',
   'fabric.editor.media.pixelEntry.submitButtonText': 'Odeslat',
   'fabric.editor.media.pixelEntry.validationFailedMessage': 'Ověření šířky se nezdařilo',
   'fabric.editor.mediaGroupDeleteLabel': 'Odstranit',
@@ -143,8 +145,6 @@ export default {
   'fabric.editor.note': 'Poznámka',
   'fabric.editor.notePanel': 'Panel poznámek',
   'fabric.editor.notePanel.description': 'Přidat poznámku do barevného panelu',
-  'fabric.editor.orderedList': 'Číslovaný seznam',
-  'fabric.editor.orderedList.description': 'Vytvořit seřazený seznam',
   'fabric.editor.other': 'Jiné...',
   'fabric.editor.outdent': 'Zmenšit odsazení',
   'fabric.editor.panel.backgroundColor': 'Barva pozadí',
@@ -186,12 +186,9 @@ export default {
   'fabric.editor.typeahead.mentionPopupLabel': 'Uživatelé, které můžete označit',
   'fabric.editor.typeahead.metionListItemLabel': 'Uživatel {name} @{shortName}',
   'fabric.editor.undo': 'Vrátit',
-  'fabric.editor.unorderedList': 'Seznam s odrážkami',
-  'fabric.editor.unorderedList.description': 'Vytvořit neseřazený seznam',
   'fabric.editor.warning': 'Varování',
   'fabric.editor.warningPanel': 'Panel upozornění',
   'fabric.editor.warningPanel.description': 'Přidat poznámku s varováním do barevného panelu',
   'fabric.editor.wrapLeft': 'Sbalit vpravo',
-  'fabric.editor.wrapRight': 'Sbalit vlevo',
-  'fabric.emoji.label': 'Smajlík'
+  'fabric.editor.wrapRight': 'Sbalit vlevo'
 };