@atlaskit/editor-common 94.6.1 → 94.8.0

package/dist/esm/i18n/vi.js

@@ -38,6 +38,8 @@ export default {
   'fabric.editor.blockControlDragHandleUsageInfo': 'Kéo để di chuyển',
   'fabric.editor.blockControlInsert': 'Chèn',
   'fabric.editor.blockControlMoveDown': 'Di chuyển xuống',
+  'fabric.editor.blockControlMoveLeft': 'Di chuyển sang trái',
+  'fabric.editor.blockControlMoveRight': 'Di chuyển sang phải',
   'fabric.editor.blockControlMoveUp': 'Di chuyển lên',
   'fabric.editor.blockControlMovedDown': 'Nội dung đã được chuyển xuống',
   'fabric.editor.blockControlMovedUp': 'Nội dung đã được chuyển lên',
@@ -137,6 +139,7 @@ export default {
   'fabric.editor.edit': 'Chỉnh sửa',
   'fabric.editor.edit.datasource': 'Sửa truy vấn tìm kiếm',
   'fabric.editor.edit.searchInput': 'Thêm một đường liên kết',
+  'fabric.editor.editAccessTitle': 'Bạn cần quyền sửa',
   'fabric.editor.editAltText': 'Chỉnh sửa văn bản thay thế',
   'fabric.editor.editDatasourceStandalone': 'Sửa',
   'fabric.editor.editDatasourceStandaloneTooltip': 'Sửa truy vấn tìm kiếm',
@@ -200,6 +203,7 @@ export default {
   'fabric.editor.findNext': 'Tìm tiếp theo',
   'fabric.editor.findPrevious': 'Tìm trước đó',
   'fabric.editor.findReplaceToolbarButton': 'Tìm kiếm và thay thế',
+  'fabric.editor.fiveColumns': 'Bố cục 5 cột',
   'fabric.editor.floatingToolbar.confirmModalCancel': 'Hủy',
   'fabric.editor.floatingToolbar.confirmModalCheckboxLabel': 'Đồng thời xóa các thành phần được kết nối',
   'fabric.editor.floatingToolbar.confirmModalConnectedUnit': '{amount, plural, =0 {{name}} other {{name} (+{amount,number} thành phần được kết nối)}}',
@@ -211,6 +215,7 @@ export default {
   'fabric.editor.floatingToolbar.scrollLeft': 'Cuộn sang trái',
   'fabric.editor.floatingToolbar.scrollRight': 'Cuộn sang phải',
   'fabric.editor.focusTableResizeHandle': 'Ô điều khiển thay đổi kích thước bảng tiêu điểm',
+  'fabric.editor.fourColumns': 'Bố cục 4 cột',
   'fabric.editor.headerColumn': 'Cột tiêu đề',
   'fabric.editor.headerRow': 'Hàng tiêu đề',
   'fabric.editor.heading1': 'Heading 1',
@@ -270,8 +275,6 @@ export default {
   'fabric.editor.inputQueryAssistiveTxt': 'Khi có sẵn kết quả tự hoàn tất, hãy dùng các mũi tên lên và xuống để xem lại và enter để chọn. Người dùng thiết bị cảm ứng, khám phá bằng thao tác chạm hoặc bằng các cử chỉ vuốt.',
   'fabric.editor.insertColumn': 'Chèn cột vào bên phải',
   'fabric.editor.insertColumnDrag': 'Chèn cột',
-  'fabric.editor.insertMediaFromUrl': 'Hình ảnh từ liên kết',
-  'fabric.editor.insertMediaFromUrlDescription': 'Thêm hình ảnh hoặc video từ một liên kết',
   'fabric.editor.insertMenu': 'Chèn thành phần',
   'fabric.editor.insertRightRail.close': 'Đóng',
   'fabric.editor.insertRightRail.title': 'Chèn',
@@ -302,8 +305,10 @@ export default {
   'fabric.editor.media.MediaWidthIsMin': 'Đã giảm nội dung đa phương tiện xuống kích thước tối thiểu',
   'fabric.editor.media.insert.cancel': 'Hủy',
   'fabric.editor.media.insert.fileTabTitle': 'Tệp',
-  'fabric.editor.media.insert.fromUrlErrorMessage': 'Hình ảnh này có thể không hiển thị với người khác do hạn chế về nguồn. Bạn nên tải tệp lên.',
+  'fabric.editor.media.insert.fromUrlErrorMessage': 'Rất tiếc, chúng tôi không thể thêm liên kết đến hình ảnh này. Hãy tải hình ảnh xuống, sau đó kéo và thả ảnh vào trang.',
+  'fabric.editor.media.insert.fromUrlWarning': 'Hình ảnh này có thể không hiển thị với người khác do hạn chế về nguồn. Bạn nên tải tệp lên.',
   'fabric.editor.media.insert.insert': 'Chèn',
+  'fabric.editor.media.insert.invalidUrlErrorMessage': 'Liên kết không hợp lệ',
   'fabric.editor.media.insert.linkTabTitle': 'Liên kết',
   'fabric.editor.media.insert.loadPreview': 'Tải bản xem trước',
   'fabric.editor.media.insert.localFileErrorMessage': 'Không thể tải tệp này lên.',
@@ -382,6 +387,9 @@ export default {
   'fabric.editor.replaceAll': 'Thay thế tất cả',
   'fabric.editor.replaceSuccess': '{numberOfMatches, plural, other {Đã thay thế {numberOfMatches,number} kết quả phù hợp}}',
   'fabric.editor.replaceWith': 'Thay thế bằng',
+  'fabric.editor.requestToEdit': 'Yêu cầu sửa',
+  'fabric.editor.requestToEditDescription': 'Khi bạn yêu cầu truy cập, chủ sở hữu trang sẽ nhận được thông báo.',
+  'fabric.editor.requestToEditDismiss': 'Bỏ qua',
   'fabric.editor.resultsCount': '{selectedMatchPosition}/{totalResultsCount}',
   'fabric.editor.richText': 'Dùng văn bản đa dạng thức',
   'fabric.editor.rightSidebar': 'Bố cục thanh bên phải',

package/dist/esm/i18n/zh.js

@@ -38,6 +38,8 @@ export default {
   'fabric.editor.blockControlDragHandleUsageInfo': '拖动以移动',
   'fabric.editor.blockControlInsert': '插入',
   'fabric.editor.blockControlMoveDown': '下移',
+  'fabric.editor.blockControlMoveLeft': '左移',
+  'fabric.editor.blockControlMoveRight': '右移',
   'fabric.editor.blockControlMoveUp': '上移',
   'fabric.editor.blockControlMovedDown': '内容已下移',
   'fabric.editor.blockControlMovedUp': '内容已上移',
@@ -137,6 +139,7 @@ export default {
   'fabric.editor.edit': '编辑',
   'fabric.editor.edit.datasource': '编辑搜索查询',
   'fabric.editor.edit.searchInput': '添加链接',
+  'fabric.editor.editAccessTitle': '您需要编辑权限',
   'fabric.editor.editAltText': '编辑替代文本',
   'fabric.editor.editDatasourceStandalone': '编辑',
   'fabric.editor.editDatasourceStandaloneTooltip': '编辑搜索查询',
@@ -200,6 +203,7 @@ export default {
   'fabric.editor.findNext': '查找下一个',
   'fabric.editor.findPrevious': '查找上一个',
   'fabric.editor.findReplaceToolbarButton': '查找和替换',
+  'fabric.editor.fiveColumns': '5 列布局',
   'fabric.editor.floatingToolbar.confirmModalCancel': '取消',
   'fabric.editor.floatingToolbar.confirmModalCheckboxLabel': '同时删除已连接的元素',
   'fabric.editor.floatingToolbar.confirmModalConnectedUnit': '{amount, plural, =0 {{name}} other {{name}（另外 {amount,number} 个已连接元素）}}',
@@ -211,6 +215,7 @@ export default {
   'fabric.editor.floatingToolbar.scrollLeft': '向左滚动',
   'fabric.editor.floatingToolbar.scrollRight': '向右滚动',
   'fabric.editor.focusTableResizeHandle': '焦点表格大小调整控点',
+  'fabric.editor.fourColumns': '4 列布局',
   'fabric.editor.headerColumn': '标题列',
   'fabric.editor.headerRow': '标题行',
   'fabric.editor.heading1': '标题 1',
@@ -270,8 +275,6 @@ export default {
   'fabric.editor.inputQueryAssistiveTxt': '有可用的自动完成结果时，可以使用向上和向下箭头键进行查看，并按 Enter 键进行选择。触摸设备用户，并通过触摸或滑动手势进行浏览。',
   'fabric.editor.insertColumn': '在右侧插入列',
   'fabric.editor.insertColumnDrag': '插入列',
-  'fabric.editor.insertMediaFromUrl': '来自链接的图像',
-  'fabric.editor.insertMediaFromUrlDescription': '添加来自链接的图像或视频',
   'fabric.editor.insertMenu': '插入元素',
   'fabric.editor.insertRightRail.close': '关闭',
   'fabric.editor.insertRightRail.title': '插入',
@@ -302,8 +305,10 @@ export default {
   'fabric.editor.media.MediaWidthIsMin': '媒体已减小到大小下限',
   'fabric.editor.media.insert.cancel': '取消',
   'fabric.editor.media.insert.fileTabTitle': '文件',
-  'fabric.editor.media.insert.fromUrlErrorMessage': '受来源限制，其他人可能看不到此图像。请考虑改为上传文件。',
+  'fabric.editor.media.insert.fromUrlErrorMessage': '抱歉，无法添加此图像链接。请下载该图像，然后将其拖放到页面上。',
+  'fabric.editor.media.insert.fromUrlWarning': '受来源限制，其他人可能看不到此图像。请考虑改为上传文件。',
   'fabric.editor.media.insert.insert': '插入',
+  'fabric.editor.media.insert.invalidUrlErrorMessage': '链接无效',
   'fabric.editor.media.insert.linkTabTitle': '链接',
   'fabric.editor.media.insert.loadPreview': '加载预览',
   'fabric.editor.media.insert.localFileErrorMessage': '无法上传此文件。',
@@ -382,6 +387,9 @@ export default {
   'fabric.editor.replaceAll': '全部替换',
   'fabric.editor.replaceSuccess': '{numberOfMatches, plural, other {{numberOfMatches,number} 个匹配项已替换}}',
   'fabric.editor.replaceWith': '替换为',
+  'fabric.editor.requestToEdit': '请求编辑',
+  'fabric.editor.requestToEditDescription': '当您请求访问权限时，页面负责人会收到通知。',
+  'fabric.editor.requestToEditDismiss': '关闭',
   'fabric.editor.resultsCount': '{selectedMatchPosition}/{totalResultsCount}',
   'fabric.editor.richText': '使用富文本',
   'fabric.editor.rightSidebar': '右侧边栏布局',

package/dist/esm/i18n/zh_TW.js

@@ -38,6 +38,8 @@ export default {
   'fabric.editor.blockControlDragHandleUsageInfo': '拖曳即可移動',
   'fabric.editor.blockControlInsert': '插入',
   'fabric.editor.blockControlMoveDown': '向下移動',
+  'fabric.editor.blockControlMoveLeft': '向左移動',
+  'fabric.editor.blockControlMoveRight': '向右移動',
   'fabric.editor.blockControlMoveUp': '向上移動',
   'fabric.editor.blockControlMovedDown': '內容已向下移動',
   'fabric.editor.blockControlMovedUp': '內容已向上移動',
@@ -137,6 +139,7 @@ export default {
   'fabric.editor.edit': '編輯',
   'fabric.editor.edit.datasource': '編輯搜尋查詢',
   'fabric.editor.edit.searchInput': '新增連結',
+  'fabric.editor.editAccessTitle': '您需要編輯權限',
   'fabric.editor.editAltText': '編輯替代文字',
   'fabric.editor.editDatasourceStandalone': '編輯',
   'fabric.editor.editDatasourceStandaloneTooltip': '編輯搜尋查詢',
@@ -200,6 +203,7 @@ export default {
   'fabric.editor.findNext': '尋找下一個',
   'fabric.editor.findPrevious': '尋找上一個',
   'fabric.editor.findReplaceToolbarButton': '尋找與取代',
+  'fabric.editor.fiveColumns': '5 欄版面配置',
   'fabric.editor.floatingToolbar.confirmModalCancel': '取消',
   'fabric.editor.floatingToolbar.confirmModalCheckboxLabel': '同時刪除已連結的元素',
   'fabric.editor.floatingToolbar.confirmModalConnectedUnit': '{amount, plural, =0 {{name}} other {{name} (+{amount,number} 個連結的元素)}}',
@@ -211,6 +215,7 @@ export default {
   'fabric.editor.floatingToolbar.scrollLeft': '向左捲動',
   'fabric.editor.floatingToolbar.scrollRight': '向右捲動',
   'fabric.editor.focusTableResizeHandle': '聚焦於表格調整大小控點',
+  'fabric.editor.fourColumns': '4 欄版面配置',
   'fabric.editor.headerColumn': '標題欄',
   'fabric.editor.headerRow': '標題列',
   'fabric.editor.heading1': '標題 1',
@@ -270,8 +275,6 @@ export default {
   'fabric.editor.inputQueryAssistiveTxt': '自動完成結果可用時，請使用向上和向下箭頭查看，並輸入以進行選取。若您使用觸控螢幕裝置，請透過觸控或滑動手勢探索內容。',
   'fabric.editor.insertColumn': '在右側插入直欄',
   'fabric.editor.insertColumnDrag': '插入直欄',
-  'fabric.editor.insertMediaFromUrl': '圖片來源連結',
-  'fabric.editor.insertMediaFromUrlDescription': '透過連結新增圖片或影片',
   'fabric.editor.insertMenu': '插入元素',
   'fabric.editor.insertRightRail.close': '關閉',
   'fabric.editor.insertRightRail.title': '插入',
@@ -302,8 +305,10 @@ export default {
   'fabric.editor.media.MediaWidthIsMin': '媒體已縮減至最小',
   'fabric.editor.media.insert.cancel': '取消',
   'fabric.editor.media.insert.fileTabTitle': '檔案',
-  'fabric.editor.media.insert.fromUrlErrorMessage': '由於來源限制，其他人可能無法看到此圖片。您可以考慮改為上傳檔案。',
+  'fabric.editor.media.insert.fromUrlErrorMessage': '很抱歉，我們無法新增此圖片連結。請下載圖片，然後拖放到頁面上。',
+  'fabric.editor.media.insert.fromUrlWarning': '由於來源限制，其他人可能無法看到此圖片。您可以考慮改為上傳檔案。',
   'fabric.editor.media.insert.insert': '插入',
+  'fabric.editor.media.insert.invalidUrlErrorMessage': '無效的連結',
   'fabric.editor.media.insert.linkTabTitle': '連結',
   'fabric.editor.media.insert.loadPreview': '載入預覽',
   'fabric.editor.media.insert.localFileErrorMessage': '無法上傳此檔案。',
@@ -382,6 +387,9 @@ export default {
   'fabric.editor.replaceAll': '全部取代',
   'fabric.editor.replaceSuccess': '{numberOfMatches, plural, other {已替換 {numberOfMatches,number} 個相符項目}}',
   'fabric.editor.replaceWith': '取代為',
+  'fabric.editor.requestToEdit': '要求編輯',
+  'fabric.editor.requestToEditDescription': '您要求權限時，頁面負責人會收到通知。',
+  'fabric.editor.requestToEditDismiss': '關閉',
   'fabric.editor.resultsCount': '第 {selectedMatchPosition} 個，共 {totalResultsCount} 個',
   'fabric.editor.richText': '使用 RTF',
   'fabric.editor.rightSidebar': '右側邊欄版面配置',

package/dist/esm/messages/annotation.js

@@ -20,5 +20,15 @@ export var annotationMessages = defineMessages({
     id: 'fabric.editor.annotationToolbar',
     defaultMessage: 'Annotation toolbar',
     description: 'A label for a toolbar (UI element) that creates annotations/comments in the document'
+  },
+  createCommentOnInlineNodeSpotlightBody: {
+    id: 'fabric.editor.createCommentOnInlineNodeSpotlight.body',
+    defaultMessage: 'You can now leave comments on inline elements like links, dates, statuses and mentions.',
+    description: 'The body content of the spotlight message that appears when the user can leave comments on inline nodes'
+  },
+  createCommentOnInlineNodeSpotlightAction: {
+    id: 'fabric.editor.createCommentOnInlineNodeSpotlight.action',
+    defaultMessage: 'Got it',
+    description: 'The content of the action button that closes the spotlight'
   }
 });

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "94.6.1";
+var packageVersion = "94.8.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/react-node-view/getInlineNodeViewProducer.js

@@ -11,6 +11,7 @@ import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../analytics';
+import { isSSR } from '../core-utils/is-ssr';
 import { ErrorBoundary } from '../ui/ErrorBoundary';
 import { analyticsEventKey, browser, getPerformanceOptions, startMeasureReactNodeViewRendered, stopMeasureReactNodeViewRendered } from '../utils';
 import { ZERO_WIDTH_SPACE } from '../whitespace';
@@ -134,6 +135,10 @@ function createNodeView(_ref) {
  * @param node The Prosemirror Node from which to source the attributes
  */
 function setDomAttrs(node, element) {
+  // prevent potential XSS attacks since attributes may contain user input
+  if (isSSR()) {
+    return;
+  }
   Object.keys(node.attrs || {}).forEach(function (attr) {
     element.setAttribute(attr, node.attrs[attr]);
   });

package/dist/esm/ui/DropList/index.js

@@ -21,7 +21,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "94.6.1";
+var packageVersion = "94.8.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/esm/ui/FloatingToolbar/Button.js

@@ -1,12 +1,15 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _excluded = ["buttonStyles"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React, { useEffect } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 import Button from '@atlaskit/button/custom-theme-button';
 import Tooltip from '@atlaskit/tooltip';
 import { Pulse } from '../Pulse/Pulse';
+import { ButtonSpotlightCard } from './ButtonSpotlightCard';
 import { getButtonStyles, iconOnlySpacing } from './styles';
 export default (function (_ref) {
   var title = _ref.title,
@@ -19,6 +22,7 @@ export default (function (_ref) {
     onFocus = _ref.onFocus,
     onBlur = _ref.onBlur,
     onMount = _ref.onMount,
+    onUnmount = _ref.onUnmount,
     selected = _ref.selected,
     disabled = _ref.disabled,
     href = _ref.href,
@@ -37,20 +41,32 @@ export default (function (_ref) {
     areaControls = _ref.areaControls,
     ariaLabel = _ref.ariaLabel,
     isRadioButton = _ref.isRadioButton,
-    pulse = _ref.pulse;
+    pulse = _ref.pulse,
+    spotlightConfig = _ref.spotlightConfig;
   // Check if there's only an icon and add additional styles
   var iconOnly = (icon || iconAfter) && !children;
   var customSpacing = iconOnly ? iconOnlySpacing : {};
   var isButtonPressed = ariaHasPopup ? undefined : selected;
   var ariaChecked = isRadioButton ? isButtonPressed : undefined;
   var ariaPressed = isRadioButton ? undefined : isButtonPressed;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    spotlightReferenceElement = _useState2[0],
+    setSpotlightReferenceElement = _useState2[1];
   useEffect(function () {
-    if (onMount) {
-      onMount();
-    }
+    onMount === null || onMount === void 0 || onMount();
+    return function () {
+      return onUnmount === null || onUnmount === void 0 ? void 0 : onUnmount();
+    };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  return /*#__PURE__*/React.createElement(Tooltip
+  var onSpotlightTargetClick = spotlightConfig !== null && spotlightConfig !== void 0 && spotlightConfig.isSpotlightOpen ? spotlightConfig === null || spotlightConfig === void 0 ? void 0 : spotlightConfig.onTargetClick : undefined;
+  var handleOnClick = useCallback(function (event) {
+    // fire the spotlight onTargetClick callback if a spotlight is rendered and callback is provided
+    onSpotlightTargetClick === null || onSpotlightTargetClick === void 0 || onSpotlightTargetClick();
+    onClick === null || onClick === void 0 || onClick(event);
+  }, [onClick, onSpotlightTargetClick]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip
   // Only fallback to title for tooltip if title is not shown
   , {
     content: tooltipContent || (iconOnly ? title : undefined),
@@ -61,11 +77,14 @@ export default (function (_ref) {
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave
   }, /*#__PURE__*/React.createElement(Pulse, {
-    pulse: pulse
+    pulse: pulse || (spotlightConfig === null || spotlightConfig === void 0 ? void 0 : spotlightConfig.pulse)
   }, /*#__PURE__*/React.createElement(Button
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   , {
     className: className,
+    ref: function ref(buttonElement) {
+      return setSpotlightReferenceElement(buttonElement);
+    },
     theme: function theme(adgTheme, themeProps) {
       var _adgTheme = adgTheme(themeProps),
         buttonStyles = _adgTheme.buttonStyles,
@@ -91,7 +110,7 @@ export default (function (_ref) {
     "aria-haspopup": ariaHasPopup,
     iconBefore: icon || undefined,
     iconAfter: iconAfter,
-    onClick: onClick,
+    onClick: handleOnClick,
     onKeyDown: onKeyDown,
     isSelected: selected,
     isDisabled: disabled,
@@ -104,5 +123,7 @@ export default (function (_ref) {
     // should be fixed here https://a11y-internal.atlassian.net/browse/DST-287
     ,
     tabIndex: tabIndex
-  }, children))));
+  }, children)))), (spotlightConfig === null || spotlightConfig === void 0 ? void 0 : spotlightConfig.isSpotlightOpen) && spotlightReferenceElement && /*#__PURE__*/React.createElement(ButtonSpotlightCard, _extends({
+    referenceElement: spotlightReferenceElement
+  }, spotlightConfig.spotlightCardOptions)));
 });

package/dist/esm/ui/FloatingToolbar/ButtonSpotlightCard.js

@@ -0,0 +1,32 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["referenceElement", "placement"];
+import React from 'react';
+import { SpotlightCard } from '@atlaskit/onboarding';
+import { Popper } from '@atlaskit/popper';
+/*
+ * ButtonSpotlightCard is an editor custom spotlight that renders next to a floating toolbar button.
+ * It is built on top of the SpotlightCard component from @atlaskit/onboarding.
+ * It avoids the issue of the native atlaskit Spotlight component rendering outside the editor bounds and takes focus away from the editor.
+*/
+export var ButtonSpotlightCard = function ButtonSpotlightCard(props) {
+  var referenceElement = props.referenceElement,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'top-start' : _props$placement,
+    spotlightCardProps = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement(Popper, {
+    referenceElement: referenceElement,
+    placement: placement,
+    strategy: "absolute"
+  }, function (_ref) {
+    var ref = _ref.ref,
+      style = _ref.style;
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+      React.createElement("div", {
+        ref: ref,
+        style: style
+      }, /*#__PURE__*/React.createElement(SpotlightCard, spotlightCardProps))
+    );
+  });
+};

package/dist/esm/ui-menu/DropdownMenu/index.js

@@ -171,11 +171,8 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
         closeOnTab: true
       }), jsx(DropListWithOutsideListeners, {
         isOpen: true,
-        appearance: "tall",
         position: popupPlacement.join(' '),
-        shouldFlip: false,
         shouldFitContainer: true,
-        isTriggerNotTabbable: true,
         handleClickOutside: this.handleClose,
         handleEscapeKeydown: handleEscapeKeydown || this.handleCloseAndFocus,
         handleEnterKeydown: function handleEnterKeydown(e) {

package/dist/types/i18n/cs.d.ts

@@ -36,6 +36,8 @@ declare const _default: {
     'fabric.editor.blockControlDragHandleUsageInfo': string;
     'fabric.editor.blockControlInsert': string;
     'fabric.editor.blockControlMoveDown': string;
+    'fabric.editor.blockControlMoveLeft': string;
+    'fabric.editor.blockControlMoveRight': string;
     'fabric.editor.blockControlMoveUp': string;
     'fabric.editor.blockControlMovedDown': string;
     'fabric.editor.blockControlMovedUp': string;
@@ -135,6 +137,7 @@ declare const _default: {
     'fabric.editor.edit': string;
     'fabric.editor.edit.datasource': string;
     'fabric.editor.edit.searchInput': string;
+    'fabric.editor.editAccessTitle': string;
     'fabric.editor.editAltText': string;
     'fabric.editor.editDatasourceStandalone': string;
     'fabric.editor.editDatasourceStandaloneTooltip': string;
@@ -198,6 +201,7 @@ declare const _default: {
     'fabric.editor.findNext': string;
     'fabric.editor.findPrevious': string;
     'fabric.editor.findReplaceToolbarButton': string;
+    'fabric.editor.fiveColumns': string;
     'fabric.editor.floatingToolbar.confirmModalCancel': string;
     'fabric.editor.floatingToolbar.confirmModalCheckboxLabel': string;
     'fabric.editor.floatingToolbar.confirmModalConnectedUnit': string;
@@ -209,6 +213,7 @@ declare const _default: {
     'fabric.editor.floatingToolbar.scrollLeft': string;
     'fabric.editor.floatingToolbar.scrollRight': string;
     'fabric.editor.focusTableResizeHandle': string;
+    'fabric.editor.fourColumns': string;
     'fabric.editor.headerColumn': string;
     'fabric.editor.headerRow': string;
     'fabric.editor.heading1': string;
@@ -268,8 +273,6 @@ declare const _default: {
     'fabric.editor.inputQueryAssistiveTxt': string;
     'fabric.editor.insertColumn': string;
     'fabric.editor.insertColumnDrag': string;
-    'fabric.editor.insertMediaFromUrl': string;
-    'fabric.editor.insertMediaFromUrlDescription': string;
     'fabric.editor.insertMenu': string;
     'fabric.editor.insertRightRail.close': string;
     'fabric.editor.insertRightRail.title': string;
@@ -301,7 +304,9 @@ declare const _default: {
     'fabric.editor.media.insert.cancel': string;
     'fabric.editor.media.insert.fileTabTitle': string;
     'fabric.editor.media.insert.fromUrlErrorMessage': string;
+    'fabric.editor.media.insert.fromUrlWarning': string;
     'fabric.editor.media.insert.insert': string;
+    'fabric.editor.media.insert.invalidUrlErrorMessage': string;
     'fabric.editor.media.insert.linkTabTitle': string;
     'fabric.editor.media.insert.loadPreview': string;
     'fabric.editor.media.insert.localFileErrorMessage': string;
@@ -380,6 +385,9 @@ declare const _default: {
     'fabric.editor.replaceAll': string;
     'fabric.editor.replaceSuccess': string;
     'fabric.editor.replaceWith': string;
+    'fabric.editor.requestToEdit': string;
+    'fabric.editor.requestToEditDescription': string;
+    'fabric.editor.requestToEditDismiss': string;
     'fabric.editor.resultsCount': string;
     'fabric.editor.richText': string;
     'fabric.editor.rightSidebar': string;

package/dist/types/i18n/da.d.ts

@@ -36,6 +36,8 @@ declare const _default: {
     'fabric.editor.blockControlDragHandleUsageInfo': string;
     'fabric.editor.blockControlInsert': string;
     'fabric.editor.blockControlMoveDown': string;
+    'fabric.editor.blockControlMoveLeft': string;
+    'fabric.editor.blockControlMoveRight': string;
     'fabric.editor.blockControlMoveUp': string;
     'fabric.editor.blockControlMovedDown': string;
     'fabric.editor.blockControlMovedUp': string;
@@ -135,6 +137,7 @@ declare const _default: {
     'fabric.editor.edit': string;
     'fabric.editor.edit.datasource': string;
     'fabric.editor.edit.searchInput': string;
+    'fabric.editor.editAccessTitle': string;
     'fabric.editor.editAltText': string;
     'fabric.editor.editDatasourceStandalone': string;
     'fabric.editor.editDatasourceStandaloneTooltip': string;
@@ -198,6 +201,7 @@ declare const _default: {
     'fabric.editor.findNext': string;
     'fabric.editor.findPrevious': string;
     'fabric.editor.findReplaceToolbarButton': string;
+    'fabric.editor.fiveColumns': string;
     'fabric.editor.floatingToolbar.confirmModalCancel': string;
     'fabric.editor.floatingToolbar.confirmModalCheckboxLabel': string;
     'fabric.editor.floatingToolbar.confirmModalConnectedUnit': string;
@@ -209,6 +213,7 @@ declare const _default: {
     'fabric.editor.floatingToolbar.scrollLeft': string;
     'fabric.editor.floatingToolbar.scrollRight': string;
     'fabric.editor.focusTableResizeHandle': string;
+    'fabric.editor.fourColumns': string;
     'fabric.editor.headerColumn': string;
     'fabric.editor.headerRow': string;
     'fabric.editor.heading1': string;
@@ -268,8 +273,6 @@ declare const _default: {
     'fabric.editor.inputQueryAssistiveTxt': string;
     'fabric.editor.insertColumn': string;
     'fabric.editor.insertColumnDrag': string;
-    'fabric.editor.insertMediaFromUrl': string;
-    'fabric.editor.insertMediaFromUrlDescription': string;
     'fabric.editor.insertMenu': string;
     'fabric.editor.insertRightRail.close': string;
     'fabric.editor.insertRightRail.title': string;
@@ -301,7 +304,9 @@ declare const _default: {
     'fabric.editor.media.insert.cancel': string;
     'fabric.editor.media.insert.fileTabTitle': string;
     'fabric.editor.media.insert.fromUrlErrorMessage': string;
+    'fabric.editor.media.insert.fromUrlWarning': string;
     'fabric.editor.media.insert.insert': string;
+    'fabric.editor.media.insert.invalidUrlErrorMessage': string;
     'fabric.editor.media.insert.linkTabTitle': string;
     'fabric.editor.media.insert.loadPreview': string;
     'fabric.editor.media.insert.localFileErrorMessage': string;
@@ -380,6 +385,9 @@ declare const _default: {
     'fabric.editor.replaceAll': string;
     'fabric.editor.replaceSuccess': string;
     'fabric.editor.replaceWith': string;
+    'fabric.editor.requestToEdit': string;
+    'fabric.editor.requestToEditDescription': string;
+    'fabric.editor.requestToEditDismiss': string;
     'fabric.editor.resultsCount': string;
     'fabric.editor.richText': string;
     'fabric.editor.rightSidebar': string;

package/dist/types/i18n/de.d.ts

@@ -36,6 +36,8 @@ declare const _default: {
     'fabric.editor.blockControlDragHandleUsageInfo': string;
     'fabric.editor.blockControlInsert': string;
     'fabric.editor.blockControlMoveDown': string;
+    'fabric.editor.blockControlMoveLeft': string;
+    'fabric.editor.blockControlMoveRight': string;
     'fabric.editor.blockControlMoveUp': string;
     'fabric.editor.blockControlMovedDown': string;
     'fabric.editor.blockControlMovedUp': string;
@@ -135,6 +137,7 @@ declare const _default: {
     'fabric.editor.edit': string;
     'fabric.editor.edit.datasource': string;
     'fabric.editor.edit.searchInput': string;
+    'fabric.editor.editAccessTitle': string;
     'fabric.editor.editAltText': string;
     'fabric.editor.editDatasourceStandalone': string;
     'fabric.editor.editDatasourceStandaloneTooltip': string;
@@ -198,6 +201,7 @@ declare const _default: {
     'fabric.editor.findNext': string;
     'fabric.editor.findPrevious': string;
     'fabric.editor.findReplaceToolbarButton': string;
+    'fabric.editor.fiveColumns': string;
     'fabric.editor.floatingToolbar.confirmModalCancel': string;
     'fabric.editor.floatingToolbar.confirmModalCheckboxLabel': string;
     'fabric.editor.floatingToolbar.confirmModalConnectedUnit': string;
@@ -209,6 +213,7 @@ declare const _default: {
     'fabric.editor.floatingToolbar.scrollLeft': string;
     'fabric.editor.floatingToolbar.scrollRight': string;
     'fabric.editor.focusTableResizeHandle': string;
+    'fabric.editor.fourColumns': string;
     'fabric.editor.headerColumn': string;
     'fabric.editor.headerRow': string;
     'fabric.editor.heading1': string;
@@ -268,8 +273,6 @@ declare const _default: {
     'fabric.editor.inputQueryAssistiveTxt': string;
     'fabric.editor.insertColumn': string;
     'fabric.editor.insertColumnDrag': string;
-    'fabric.editor.insertMediaFromUrl': string;
-    'fabric.editor.insertMediaFromUrlDescription': string;
     'fabric.editor.insertMenu': string;
     'fabric.editor.insertRightRail.close': string;
     'fabric.editor.insertRightRail.title': string;
@@ -301,7 +304,9 @@ declare const _default: {
     'fabric.editor.media.insert.cancel': string;
     'fabric.editor.media.insert.fileTabTitle': string;
     'fabric.editor.media.insert.fromUrlErrorMessage': string;
+    'fabric.editor.media.insert.fromUrlWarning': string;
     'fabric.editor.media.insert.insert': string;
+    'fabric.editor.media.insert.invalidUrlErrorMessage': string;
     'fabric.editor.media.insert.linkTabTitle': string;
     'fabric.editor.media.insert.loadPreview': string;
     'fabric.editor.media.insert.localFileErrorMessage': string;
@@ -380,6 +385,9 @@ declare const _default: {
     'fabric.editor.replaceAll': string;
     'fabric.editor.replaceSuccess': string;
     'fabric.editor.replaceWith': string;
+    'fabric.editor.requestToEdit': string;
+    'fabric.editor.requestToEditDescription': string;
+    'fabric.editor.requestToEditDismiss': string;
     'fabric.editor.resultsCount': string;
     'fabric.editor.richText': string;
     'fabric.editor.rightSidebar': string;