@atlaskit/editor-core 180.1.0 → 181.0.1

package/dist/esm/plugins/type-ahead/constants.js

@@ -2,11 +2,6 @@ export var TYPE_AHEAD_DECORATION_KEY = 'typeahead_decoration_key';
 export var TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE = 'typeaheadDecoration';
 export var TYPE_AHEAD_POPUP_CONTENT_CLASS = 'fabric-editor-typeahead';
 export var TYPE_AHEAD_DECORATION_ELEMENT_ID = 'typeahaed_decoration_element_id';
-export var NavigationDirection;
-(function (NavigationDirection) {
-  NavigationDirection[NavigationDirection["LEFT"] = -1] = "LEFT";
-  NavigationDirection[NavigationDirection["RIGHT"] = 1] = "RIGHT";
-})(NavigationDirection || (NavigationDirection = {}));
 export var CloseSelectionOptions;
 (function (CloseSelectionOptions) {
   CloseSelectionOptions["BEFORE_TEXT_INSERTED"] = "BEFORE_TEXT_INSERTED";

package/dist/esm/plugins/type-ahead/index.js

@@ -113,6 +113,8 @@ var TypeAheadMenu = /*#__PURE__*/React.memo(function (_ref) {
  *
  */
 var typeAheadPlugin = function typeAheadPlugin(options) {
+  var _options$useBetterTyp;
+  var useBetterTypeaheadNavigation = (_options$useBetterTyp = options === null || options === void 0 ? void 0 : options.useBetterTypeaheadNavigation) !== null && _options$useBetterTyp !== void 0 ? _options$useBetterTyp : true;
   var fireAnalyticsCallback = fireAnalyticsEvent(options === null || options === void 0 ? void 0 : options.createAnalyticsEvent);
   var popupMountRef = {
     current: null
@@ -139,7 +141,8 @@ var typeAheadPlugin = function typeAheadPlugin(options) {
             popupMountRef: popupMountRef,
             reactDispatch: dispatch,
             typeAheadHandlers: typeAhead,
-            createAnalyticsEvent: options === null || options === void 0 ? void 0 : options.createAnalyticsEvent
+            createAnalyticsEvent: options === null || options === void 0 ? void 0 : options.createAnalyticsEvent,
+            useBetterTypeaheadNavigation: useBetterTypeaheadNavigation
           });
         }
       }, {

package/dist/esm/plugins/type-ahead/pm-plugins/decorations.js

@@ -15,7 +15,8 @@ import { closeTypeAhead } from '../transforms/close-type-ahead';
 export var factoryDecorations = function factoryDecorations(_ref) {
   var intl = _ref.intl,
     popupMountRef = _ref.popupMountRef,
-    createAnalyticsEvent = _ref.createAnalyticsEvent;
+    createAnalyticsEvent = _ref.createAnalyticsEvent,
+    useBetterTypeaheadNavigation = _ref.useBetterTypeaheadNavigation;
   var createDecorations = function createDecorations(tr, _ref2) {
     var triggerHandler = _ref2.triggerHandler,
       inputMethod = _ref2.inputMethod,
@@ -87,7 +88,8 @@ export var factoryDecorations = function factoryDecorations(_ref) {
         popupsBoundariesElement: (_popupMountRef$curren2 = popupMountRef.current) === null || _popupMountRef$curren2 === void 0 ? void 0 : _popupMountRef$curren2.popupsBoundariesElement,
         popupsScrollableElement: (_popupMountRef$curren3 = popupMountRef.current) === null || _popupMountRef$curren3 === void 0 ? void 0 : _popupMountRef$curren3.popupsScrollableElement,
         onUndoRedo: onUndoRedo,
-        reopenQuery: reopenQuery
+        reopenQuery: reopenQuery,
+        useBetterTypeaheadNavigation: useBetterTypeaheadNavigation
       })), typeaheadComponent);
       shouldFocusCursorInsideQuery = false;
       return typeaheadComponent;
@@ -138,35 +140,4 @@ export var factoryDecorations = function factoryDecorations(_ref) {
     createDecorations: createDecorations,
     removeDecorations: removeDecorations
   };
-};
-export var isSelectionInsideTypeAhead = function isSelectionInsideTypeAhead(_ref4) {
-  var decorationSet = _ref4.decorationSet,
-    selection = _ref4.selection;
-  if (!decorationSet || decorationSet === DecorationSet.empty) {
-    return false;
-  }
-  var typeAheadDecorations = decorationSet.find(undefined, undefined, function (spec) {
-    return spec.isTypeAheadDecoration;
-  });
-  if (!typeAheadDecorations || typeAheadDecorations.length === 0) {
-    return false;
-  }
-  return typeAheadDecorations.some(function (dec) {
-    return dec.from === selection.from && dec.to === selection.to;
-  });
-};
-export var findDecorationElement = function findDecorationElement(_ref5) {
-  var selection = _ref5.selection,
-    decorationSet = _ref5.decorationSet;
-  if (!decorationSet || decorationSet === DecorationSet.empty || !(selection instanceof TextSelection) || !selection.$cursor) {
-    return null;
-  }
-  var pos = selection.$cursor.pos;
-  var decoration = decorationSet.find(pos, pos, function (spec) {
-    return spec === null || spec === void 0 ? void 0 : spec.isTypeAheadDecoration;
-  });
-  if (!decoration || decoration.length !== 1) {
-    return null;
-  }
-  return document.querySelector("#".concat(decoration[0].spec.key));
 };

package/dist/esm/plugins/type-ahead/pm-plugins/main.js

@@ -25,12 +25,14 @@ export function createPlugin(_ref) {
     popupMountRef = _ref.popupMountRef,
     createAnalyticsEvent = _ref.createAnalyticsEvent,
     typeAheadHandlers = _ref.typeAheadHandlers,
-    getIntl = _ref.getIntl;
+    getIntl = _ref.getIntl,
+    useBetterTypeaheadNavigation = _ref.useBetterTypeaheadNavigation;
   var intl = getIntl();
   var _factoryDecorations = factoryDecorations({
       intl: intl,
       popupMountRef: popupMountRef,
-      createAnalyticsEvent: createAnalyticsEvent
+      createAnalyticsEvent: createAnalyticsEvent,
+      useBetterTypeaheadNavigation: useBetterTypeaheadNavigation
     }),
     createDecorations = _factoryDecorations.createDecorations,
     removeDecorations = _factoryDecorations.removeDecorations;

package/dist/esm/plugins/type-ahead/ui/InputQuery.js

@@ -66,7 +66,8 @@ export var InputQuery = /*#__PURE__*/React.memo(function (_ref) {
     onQueryFocus = _ref.onQueryFocus,
     onUndoRedo = _ref.onUndoRedo,
     editorView = _ref.editorView,
-    items = _ref.items;
+    items = _ref.items,
+    useBetterTypeaheadNavigation = _ref.useBetterTypeaheadNavigation;
   var ref = useRef(document.createElement('span'));
   var inputRef = useRef(null);
   var _useState = useState(null),
@@ -139,6 +140,19 @@ export var InputQuery = /*#__PURE__*/React.memo(function (_ref) {
         // Some suggested the other workaround maybe listen on`keypress` instead of `keydown`
         if (!event.isComposing || event.which !== 229 && event.keyCode !== 229) {
           if (selectedIndex === -1) {
+            if (useBetterTypeaheadNavigation) {
+              /**
+               * TODO DTR-1401: (also see ED-17200) There are two options
+               * here, either
+               * - set the index directly to 1 in WrapperTypeAhead.tsx's
+               *   `insertSelectedItem` at the cost of breaking some of the a11y
+               *   focus changes,
+               * - or do this jank at the cost of some small analytics noise.
+               *
+               * The focus behaviour still needs cleanup
+               */
+              selectPreviousItem();
+            }
             selectNextItem();
           }
           onItemSelect(event.shiftKey ? SelectItemMode.SHIFT_ENTER : SelectItemMode.ENTER);
@@ -146,18 +160,41 @@ export var InputQuery = /*#__PURE__*/React.memo(function (_ref) {
         break;
       case 'Tab':
         if (selectedIndex === -1) {
+          if (useBetterTypeaheadNavigation) {
+            /**
+             * TODO DTR-1401: (also see ED-17200) There are two options
+             * here, either
+             * - set the index directly to 1 in WrapperTypeAhead.tsx's
+             *   `insertSelectedItem` at the cost of breaking some of the a11y
+             *   focus changes,
+             * - or do this jank at the cost of some small analytics noise.
+             *
+             */
+            selectPreviousItem();
+          }
           selectNextItem();
         }
+        // TODO DTR-1401: why is this calling select item when hitting tab? fix this in DTR-1401
         onItemSelect(SelectItemMode.TAB);
         break;
       case 'ArrowDown':
-        if (selectedIndex === -1) {
+        if (useBetterTypeaheadNavigation) {
           selectNextItem();
+        } else {
+          // TODO DTR-1401: why were we preventing selection?
+          if (selectedIndex === -1) {
+            selectNextItem();
+          }
         }
         break;
       case 'ArrowUp':
-        if (selectedIndex === -1) {
+        if (useBetterTypeaheadNavigation) {
           selectPreviousItem();
+        } else {
+          // TODO DTR-1401: why were we preventing selection?
+          if (selectedIndex === -1) {
+            selectPreviousItem();
+          }
         }
         break;
     }
@@ -170,7 +207,7 @@ export var InputQuery = /*#__PURE__*/React.memo(function (_ref) {
       event.preventDefault();
       return false;
     }
-  }, [onUndoRedo, onItemSelect, selectNextItem, selectPreviousItem, cancel, cleanedInputContent, editorView.state]);
+  }, [useBetterTypeaheadNavigation, onUndoRedo, onItemSelect, selectNextItem, selectPreviousItem, cancel, cleanedInputContent, editorView.state]);
   var onClick = useCallback(function (event) {
     var _inputRef$current;
     event.stopPropagation();

package/dist/esm/plugins/type-ahead/ui/TypeAheadList.js

@@ -176,6 +176,8 @@ var TypeAheadListComponent = /*#__PURE__*/React.memo(function (_ref2) {
             selectPreviousItem();
             event.preventDefault();
             break;
+
+          // TODO DTR-1401: why is this calling item click when hitting tab? fix this in DTR-1401
           case 'Tab':
             //Tab key quick inserts the selected item.
             onItemClick(SelectItemMode.TAB, selectedIndex);

package/dist/esm/plugins/type-ahead/ui/WrapperTypeAhead.js

@@ -19,7 +19,8 @@ export var WrapperTypeAhead = /*#__PURE__*/React.memo(function (_ref) {
     inputMethod = _ref.inputMethod,
     getDecorationPosition = _ref.getDecorationPosition,
     reopenQuery = _ref.reopenQuery,
-    onUndoRedo = _ref.onUndoRedo;
+    onUndoRedo = _ref.onUndoRedo,
+    useBetterTypeaheadNavigation = _ref.useBetterTypeaheadNavigation;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     closed = _useState2[0],
@@ -41,15 +42,17 @@ export var WrapperTypeAhead = /*#__PURE__*/React.memo(function (_ref) {
   var selectNextItem = useMemo(function () {
     return moveSelectedIndex({
       editorView: editorView,
-      direction: 'next'
+      direction: 'next',
+      useBetterTypeaheadNavigation: useBetterTypeaheadNavigation
     });
-  }, [editorView]);
+  }, [editorView, useBetterTypeaheadNavigation]);
   var selectPreviousItem = useMemo(function () {
     return moveSelectedIndex({
       editorView: editorView,
-      direction: 'previous'
+      direction: 'previous',
+      useBetterTypeaheadNavigation: useBetterTypeaheadNavigation
     });
-  }, [editorView]);
+  }, [editorView, useBetterTypeaheadNavigation]);
   var cancel = useCallback(function (_ref2) {
     var setSelectionAt = _ref2.setSelectionAt,
       addPrefixTrigger = _ref2.addPrefixTrigger,
@@ -100,6 +103,7 @@ export var WrapperTypeAhead = /*#__PURE__*/React.memo(function (_ref) {
     return null;
   }
   return /*#__PURE__*/React.createElement(InputQuery, {
+    useBetterTypeaheadNavigation: useBetterTypeaheadNavigation,
     triggerQueryPrefix: triggerHandler.trigger,
     onQueryChange: setQuery,
     onItemSelect: insertSelectedItem,

package/dist/esm/plugins/type-ahead/utils.js

@@ -1,34 +1,16 @@
-import { TextSelection } from 'prosemirror-state';
-import { DecorationSet } from 'prosemirror-view';
 import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
 import { pluginKey as typeAheadPluginKey } from './pm-plugins/key';
 import { updateSelectedIndex } from './commands/update-selected-index';
 import { StatsModifier } from './stats-modifier';
 import { typeAheadListMessages } from './messages';
-export var findTypeAheadDecorations = function findTypeAheadDecorations(state) {
-  var selection = state.selection;
-  var _typeAheadPluginKey$g = typeAheadPluginKey.getState(state),
-    decorationSet = _typeAheadPluginKey$g.decorationSet;
-  if (!decorationSet || decorationSet === DecorationSet.empty || !(selection instanceof TextSelection) || !selection.$cursor) {
-    return null;
-  }
-  var pos = selection.$cursor.pos;
-  var decoration = decorationSet.find(pos, pos, function (spec) {
-    return spec === null || spec === void 0 ? void 0 : spec.isTypeAheadDecoration;
-  });
-  if (!decoration || decoration.length !== 1) {
-    return null;
-  }
-  return decoration[0];
-};
 export var isTypeAheadHandler = function isTypeAheadHandler(handler) {
   return handler && Object.values(TypeAheadAvailableNodes).includes(handler.id) && typeof handler.trigger === 'string' && typeof handler.selectItem === 'function' && typeof handler.getItems === 'function';
 };
 
 /** Is a typeahead plugin open? */
 export var isTypeAheadOpen = function isTypeAheadOpen(editorState) {
-  var _typeAheadPluginKey$g2, _typeAheadPluginKey$g3;
-  return (typeAheadPluginKey === null || typeAheadPluginKey === void 0 ? void 0 : (_typeAheadPluginKey$g2 = typeAheadPluginKey.getState(editorState)) === null || _typeAheadPluginKey$g2 === void 0 ? void 0 : (_typeAheadPluginKey$g3 = _typeAheadPluginKey$g2.decorationSet) === null || _typeAheadPluginKey$g3 === void 0 ? void 0 : _typeAheadPluginKey$g3.find().length) > 0;
+  var _typeAheadPluginKey$g, _typeAheadPluginKey$g2;
+  return (typeAheadPluginKey === null || typeAheadPluginKey === void 0 ? void 0 : (_typeAheadPluginKey$g = typeAheadPluginKey.getState(editorState)) === null || _typeAheadPluginKey$g === void 0 ? void 0 : (_typeAheadPluginKey$g2 = _typeAheadPluginKey$g.decorationSet) === null || _typeAheadPluginKey$g2 === void 0 ? void 0 : _typeAheadPluginKey$g2.find().length) > 0;
 };
 export var getPluginState = function getPluginState(editorState) {
   return typeAheadPluginKey.getState(editorState);
@@ -69,7 +51,8 @@ export var findHandlerByTrigger = function findHandlerByTrigger(_ref) {
 };
 export var moveSelectedIndex = function moveSelectedIndex(_ref2) {
   var editorView = _ref2.editorView,
-    direction = _ref2.direction;
+    direction = _ref2.direction,
+    useBetterTypeaheadNavigation = _ref2.useBetterTypeaheadNavigation;
   return function () {
     var typeAheadState = getPluginState(editorView.state);
     if (!typeAheadState) {
@@ -81,7 +64,26 @@ export var moveSelectedIndex = function moveSelectedIndex(_ref2) {
     var nextIndex;
     if (direction === 'next') {
       stats.increaseArrowDown();
-      nextIndex = selectedIndex >= items.length - 1 ? 0 : selectedIndex + 1;
+      if (useBetterTypeaheadNavigation) {
+        /**
+         * See: https://product-fabric.atlassian.net/browse/ED-17200
+         * `selectedIndex` is forced to -1 now to not immediately focus the typeahead
+         * and only do so when there is explicit logic to focus into the typeahead
+         * options.
+         *
+         * This check for "set index to 1 when -1"
+         * - is a temporary workaround to get back the previous behaviour without
+         *    entirely reverting the a11y improvements
+         *
+         */
+        if (selectedIndex === -1 && items.length > 1) {
+          nextIndex = 1;
+        } else {
+          nextIndex = selectedIndex >= items.length - 1 ? 0 : selectedIndex + 1;
+        }
+      } else {
+        nextIndex = selectedIndex >= items.length - 1 ? 0 : selectedIndex + 1;
+      }
     } else {
       stats.increaseArrowUp();
       nextIndex = selectedIndex <= 0 ? items.length - 1 : selectedIndex - 1;

package/dist/esm/test-utils.js

@@ -4,12 +4,11 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { TextSelection } from 'prosemirror-state';
 import { sortByOrder } from './create-editor/sort-by-order';
-import { Preset } from './labs/next/presets/preset';
 import { createSchema } from './create-editor/create-schema';
 import basePlugin from './plugins/base';
 import { analyticsPluginKey } from './plugins/analytics/plugin-key';
 export { createTypeAheadTools } from './plugins/type-ahead/api';
-export { Preset } from './labs/next/presets/preset';
+import { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
 export function getFireAnalytics(editorView) {
   var _analyticsPluginKey$g;
   return analyticsPluginKey === null || analyticsPluginKey === void 0 ? void 0 : (_analyticsPluginKey$g = analyticsPluginKey.getState(editorView.state)) === null || _analyticsPluginKey$g === void 0 ? void 0 : _analyticsPluginKey$g.fireAnalytics;
@@ -58,13 +57,11 @@ function lightProcessPluginsList(editorPlugins) {
   });
 }
 export var createPMSchemaAndPlugins = function createPMSchemaAndPlugins() {
-  var preset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new Preset();
+  var inputPreset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new EditorPresetBuilder();
   return function (pluginFactoryParams) {
     var editorPlugins = [];
-    if (!preset.has(basePlugin)) {
-      preset.add(basePlugin);
-    }
-    editorPlugins = preset.getEditorPlugins();
+    var preset = inputPreset.has(basePlugin) ? inputPreset : inputPreset.add(basePlugin);
+    editorPlugins = preset.build();
     var editorConfig = lightProcessPluginsList(editorPlugins);
     var schema = createSchema(editorConfig);
     var plugins = editorConfig.plugins.sort(sortByOrder('plugins')).map(function (_ref) {

package/dist/esm/ui/Appearance/Comment/Toolbar.js

@@ -1,3 +1,4 @@
+import _typeof from "@babel/runtime/helpers/typeof";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
@@ -15,10 +16,18 @@ var StickyToolbar = function StickyToolbar(props) {
     _useState2 = _slicedToArray(_useState, 2),
     top = _useState2[0],
     setTop = _useState2[1];
+
+  // ED-15802: if externalToolbarRef is passed in, set top to externalToolbarRef?.current?.clientHeight
+  // else if offsetTop is a number set top to offsetTop
+  // otherwise top is 0 as initial state
   useEffect(function () {
     var _props$externalToolba, _props$externalToolba2;
-    setTop(((_props$externalToolba = props.externalToolbarRef) === null || _props$externalToolba === void 0 ? void 0 : (_props$externalToolba2 = _props$externalToolba.current) === null || _props$externalToolba2 === void 0 ? void 0 : _props$externalToolba2.clientHeight) || 0);
-  }, [setTop, props.externalToolbarRef]);
+    if ((_props$externalToolba = props.externalToolbarRef) !== null && _props$externalToolba !== void 0 && (_props$externalToolba2 = _props$externalToolba.current) !== null && _props$externalToolba2 !== void 0 && _props$externalToolba2.clientHeight) {
+      setTop(props.externalToolbarRef.current.clientHeight);
+    } else {
+      setTop(props.offsetTop || 0);
+    }
+  }, [props.externalToolbarRef, props.offsetTop]);
   return jsx("div", {
     css: [mainToolbarWrapperStyle, stickyToolbarWrapperStyle, css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          top: ", "px;\n        "])), top)],
     "data-testid": "ak-editor-main-toolbar",
@@ -31,13 +40,39 @@ var FixedToolbar = function FixedToolbar(props) {
     "data-testid": "ak-editor-main-toolbar"
   }, props.children);
 };
+
+/**
+ * ED-15802: Scenarios when a sticky bar is used:
+ * 1. useStickyToolbar is true
+ * 2. useStickyToolbar is a DOM element
+ * 3. useStickyToolbar is an object and has offsetTop key;
+ */
+var getStickyParameters = function getStickyParameters(configuration) {
+  // const isUsingStickyOffset, isHTMLElement is used so TS can properly infer types.
+  var isHTMLElement = _typeof(configuration) === 'object' && !('offsetTop' in configuration);
+  var isUsingStickyOffset = _typeof(configuration) === 'object' && 'offsetTop' in configuration;
+  if (_typeof(configuration) !== 'object') {
+    return {
+      externalToolbarRef: undefined,
+      offsetTop: undefined
+    };
+  }
+  if (isUsingStickyOffset) {
+    return {
+      offsetTop: configuration.offsetTop
+    };
+  }
+  if (isHTMLElement) {
+    return {
+      externalToolbarRef: configuration
+    };
+  }
+};
 export var MainToolbar = function MainToolbar(_ref) {
   var useStickyToolbar = _ref.useStickyToolbar,
     children = _ref.children;
-  if (!!useStickyToolbar) {
-    return jsx(StickyToolbar, {
-      externalToolbarRef: typeof useStickyToolbar === 'boolean' ? undefined : useStickyToolbar
-    }, children);
+  if (useStickyToolbar) {
+    return jsx(StickyToolbar, getStickyParameters(useStickyToolbar), children);
   }
   return jsx(FixedToolbar, null, children);
 };

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

@@ -1,2 +1,3 @@
-import { ColorPalette } from '@atlaskit/editor-common/ui-color';
+import { ColorPalette, backgroundPaletteTooltipMessages, textPaletteTooltipMessages } from '@atlaskit/editor-common/ui-color';
+export { ColorPalette, backgroundPaletteTooltipMessages, textPaletteTooltipMessages };
 export default ColorPalette;

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

@@ -137,13 +137,17 @@ var ColorPickerButton = function ColorPickerButton(props) {
       isOpenedByKeyboard: isOpenedByKeyboard,
       isPopupPositioned: isPopupPositioned
     }, jsx(ColorPaletteWithListeners, {
-      palette: props.colorPalette,
       cols: props.cols,
       selectedColor: selectedColor,
       onClick: onColorSelected,
       handleClickOutside: togglePopup,
       handleEscapeKeydown: handleEsc,
-      hexToPaletteColor: props.hexToPaletteColor
+      paletteOptions: {
+        palette: props.colorPalette,
+        hexToPaletteColor: props.hexToPaletteColor,
+        showSomewhatSemanticTooltips: props.showSomewhatSemanticTooltips,
+        paletteColorTooltipMessages: props.paletteColorTooltipMessages
+      }
     }))));
   };
   var title = props.title || '';

package/dist/esm/ui/ConfigPanel/Fields/Expand.js

@@ -29,6 +29,7 @@ function Expand(_ref) {
     expanded = _useState2[0],
     setExpanded = _useState2[1];
   return jsx("div", {
+    "data-testid": "expand-config-field",
     css: expandContainer
   }, jsx("div", {
     css: expandControl

package/dist/esm/ui/ConfigPanel/utils.js

@@ -1,27 +1,16 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { ValidationError } from './types';
 export var validate = function validate(field, value) {
   return validateRequired(field, value);
 };
-export var fromEntries = function fromEntries(iterable) {
-  return _toConsumableArray(iterable).reduce(function (obj, _ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-      key = _ref2[0],
-      val = _ref2[1];
-    obj[key] = val;
-    return obj;
-  }, {});
-};
 var isEmptyString = function isEmptyString(value) {
   return typeof value === 'string' && value === '';
 };
 var isEmptyArray = function isEmptyArray(value) {
   return Array.isArray(value) && value.length === 0;
 };
-export var validateRequired = function validateRequired(_ref3, value) {
-  var isRequired = _ref3.isRequired,
-    isMultiple = _ref3.isMultiple;
+export var validateRequired = function validateRequired(_ref, value) {
+  var isRequired = _ref.isRequired,
+    isMultiple = _ref.isMultiple;
   if (isRequired) {
     var isUndefined = typeof value === 'undefined';
     var isEmpty = isEmptyString(value) || isMultiple && isEmptyArray(value) || false;

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

@@ -38,7 +38,7 @@ import { InlineNodeViewSharedStyles } from '../../nodeviews/getInlineNodeViewPro
 var contentStyles = function contentStyles(props) {
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror {\n    outline: none;\n    font-size: ", "px;\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  .ProseMirror[contenteditable='false'] .taskItemView-content-wrap {\n    pointer-events: none;\n    opacity: 0.7;\n  }\n\n  .ProseMirror-hideselection *::selection {\n    background: transparent;\n  }\n\n  .ProseMirror-hideselection *::-moz-selection {\n    background: transparent;\n  }\n\n  .ProseMirror-selectednode {\n    outline: none;\n  }\n\n  .ProseMirror-selectednode:empty {\n    outline: 2px solid ", ";\n  }\n\n  ", "\n  ", "\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", ";\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  .panelView-content-wrap {\n    box-sizing: border-box;\n  }\n\n  .mediaGroupView-content-wrap ul {\n    padding: 0;\n  }\n\n  /** Needed to override any cleared floats, e.g. image wrapping */\n\n  div.fabric-editor-block-mark[class^='fabric-editor-align'] {\n    clear: none !important;\n  }\n\n  .fabric-editor-align-end {\n    text-align: right;\n  }\n\n  .fabric-editor-align-start {\n    text-align: left;\n  }\n\n  .fabric-editor-align-center {\n    text-align: center;\n  }\n\n  .pm-table-header-content-wrap :not(.fabric-editor-alignment),\n  .pm-table-header-content-wrap\n    :not(p, .fabric-editor-block-mark)\n    + div.fabric-editor-block-mark,\n  .pm-table-cell-content-wrap\n    :not(p, .fabric-editor-block-mark)\n    + div.fabric-editor-block-mark {\n    p:first-of-type {\n      margin-top: 0;\n    }\n  }\n\n  .hyperlink-floating-toolbar,\n  .", " {\n    padding: 0;\n  }\n\n  /* Link icon in the Atlaskit package\n     is bigger than the others\n  */\n  .hyperlink-open-link {\n    svg {\n      max-width: 18px;\n    }\n    &[href] {\n      padding: 0 4px;\n    }\n  }\n"])), editorFontSize({
     theme: props.theme
-  }), whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, shadowSharedStyle, InlineNodeViewSharedStyles, "var(--ds-border-focused, #8cf)", placeholderTextStyles, placeholderStyles, codeBlockStyles(props), blocktypeStyles(props), textFormattingStyles(props), textColorStyles, listsStyles, ruleStyles(props), mediaStyles, layoutStyles, telepointerStyle, gapCursorStyles, tableStyles(props), panelStyles(props), fakeCursorStyles, mentionsStyles, emojiStyles, tasksAndDecisionsStyles, gridStyles, linkStyles, blockMarksSharedStyles, dateSharedStyle, extensionStyles, expandStyles(props), findReplaceStyles, taskDecisionStyles, statusStyles, annotationSharedStyles(props), smartCardStyles, smartCardSharedStyles, dateStyles, embedCardStyles, unsupportedStyles, ClassNames.FLOATING_TOOLBAR_COMPONENT);
+  }), whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, shadowSharedStyle, InlineNodeViewSharedStyles, "var(--ds-border-focused, #8cf)", placeholderTextStyles, placeholderStyles, codeBlockStyles(props), blocktypeStyles(props), textFormattingStyles(props), textColorStyles, listsStyles, ruleStyles(props), mediaStyles, layoutStyles(props), telepointerStyle, gapCursorStyles, tableStyles(props), panelStyles(props), fakeCursorStyles, mentionsStyles, emojiStyles, tasksAndDecisionsStyles, gridStyles, linkStyles, blockMarksSharedStyles, dateSharedStyle, extensionStyles, expandStyles(props), findReplaceStyles, taskDecisionStyles, statusStyles, annotationSharedStyles(props), smartCardStyles, smartCardSharedStyles, dateStyles, embedCardStyles, unsupportedStyles, ClassNames.FLOATING_TOOLBAR_COMPONENT);
 };
 export var createEditorContentStyle = function createEditorContentStyle(styles) {
   return /*#__PURE__*/React.forwardRef(function (props, ref) {

package/dist/esm/ui/ElementBrowser/ModalElementBrowser.js

@@ -114,7 +114,7 @@ var Footer = function Footer(_ref) {
 var HelpLink = function HelpLink(url, helpText) {
   return jsx(Button, {
     iconBefore: jsx(QuestionCircleIcon, {
-      label: "help",
+      label: "",
       size: "medium"
     }),
     appearance: "subtle-link",

package/dist/esm/ui/ElementBrowser/constants.js

@@ -14,7 +14,6 @@ export var SIDEBAR_WIDTH = "".concat(GRID_SIZE * 25, "px");
 export var SIDEBAR_HEADING_WRAPPER_HEIGHT = "".concat(GRID_SIZE * 6, "px");
 export var SIDEBAR_HEADING_PADDING_LEFT = '12px';
 export var INLINE_SIDEBAR_HEIGHT = '54px';
-export var SEARCH_ITEM_MARGIN = '12px';
 export var SEARCH_ITEM_HEIGHT_WIDTH = '20px';
 export var SCROLLBAR_WIDTH = 15;
 export var ELEMENT_LIST_PADDING = 2;

package/dist/esm/ui/Resizer/utils.js

@@ -6,7 +6,6 @@ export var snapTo = function snapTo(target, points) {
   });
 };
 export var handleSides = ['left', 'right'];
-export var alignmentLayouts = ['align-start', 'align-end'];
 export var imageAlignmentMap = {
   left: 'start',
   right: 'end'

package/dist/esm/ui/styles.js

@@ -1,5 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 import { css } from '@emotion/react';
 import { N30 } from '@atlaskit/theme/colors';
 export { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
@@ -12,7 +12,4 @@ export var expandIconWrapperStyle = css(_templateObject5 || (_templateObject5 =
 export var triggerWrapperStyles = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n"])));
 export var buttonContentStyle = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  min-width: 80px;\n  align-items: center;\n  overflow: hidden;\n  justify-content: center;\n  flex-direction: column;\n  padding: 6px;\n"])));
 export var buttonContentReducedSpacingStyle = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  padding: 8px;\n"])));
-
-// Taken from the style of inline dialog components
-export var dropShadow = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  box-shadow: ", ";\n"])), "var(--ds-shadow-overlay, ".concat("0 0 1px rgba(9, 30, 66, 0.31),\n    0 4px 8px -2px rgba(9, 30, 66, 0.25)", ")"));
-export var clickSelectWrapperStyle = css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  user-select: all;\n"])));
+export var clickSelectWrapperStyle = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  user-select: all;\n"])));

package/dist/esm/utils/get-editor-plugins.js

@@ -1,5 +1,4 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import { createEditorSelectionAPI } from '../selection-api/api';
 import createPluginsList from '../create-editor/create-plugins-list';
 
 /**
@@ -17,9 +16,8 @@ var getEditorPlugins = function getEditorPlugins(_ref) {
     insertNodeAPI = _ref.insertNodeAPI,
     editorAnalyticsAPI = _ref.editorAnalyticsAPI;
   var dangerouslyAppendedPlugins = (_props$dangerouslyApp = (_props$dangerouslyApp2 = props.dangerouslyAppendPlugins) === null || _props$dangerouslyApp2 === void 0 ? void 0 : _props$dangerouslyApp2.__plugins) !== null && _props$dangerouslyApp !== void 0 ? _props$dangerouslyApp : [];
-  var selectionAPI = createEditorSelectionAPI();
   return [].concat(_toConsumableArray(createPluginsList(props, {
     appearance: prevAppearance
-  }, createAnalyticsEvent, insertNodeAPI, editorAnalyticsAPI, selectionAPI)), _toConsumableArray(dangerouslyAppendedPlugins));
+  }, createAnalyticsEvent)), _toConsumableArray(dangerouslyAppendedPlugins));
 };
 export default getEditorPlugins;