@atlaskit/editor-core 163.0.0 → 164.0.2

package/.eslintrc.js

@@ -0,0 +1,20 @@
+module.exports = {
+  overrides: [
+    {
+      // Temporary override to apply tokens lint rules to a subset of editor packages
+      // TODO remove in https://product-fabric.atlassian.net/browse/DSP-4001
+      files: ['./src/ADD_PATH_HERE/**/*'],
+      rules: {
+        '@atlaskit/design-system/ensure-design-token-usage': [
+          'error',
+          { shouldEnforceFallbacks: true },
+        ],
+        '@atlaskit/design-system/no-unsafe-design-token-usage': [
+          'error',
+          { shouldEnforceFallbacks: true },
+        ],
+        '@atlaskit/design-system/no-deprecated-design-token-usage': ['warn'],
+      },
+    },
+  ],
+};

package/CHANGELOG.md

@@ -1,5 +1,91 @@
 # @atlaskit/editor-core
 
+## 164.0.2
+
+### Patch Changes
+
+- [`a424e62b264`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a424e62b264) - Changes to support Node 16 Typescript definitions from `@types/node`.
+
+## 164.0.1
+
+### Patch Changes
+
+- [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
+- Updated dependencies
+
+## 164.0.0
+
+### Major Changes
+
+- [`675613ff0f4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/675613ff0f4) - [MEX-1390] Remove Media-picker popup as an export and remove useMediaPickerPopup flag
+
+### Minor Changes
+
+- [`b623cae0fe6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b623cae0fe6) - [ux][ed-13182] Uses the same logic for inserting or adding new action and decision items via different methods.
+
+  It helps to avoid inconsistent spacing between items that were inserted via different insertion methods.
+
+  Deprecates insertTaskDecision command in favor of insertTaskDecisionCommand.
+
+  New command is used to unify the logic we use in different insert methods for task(action) list or decision list items: menu toolbar, slash command, keyboard shortcut.
+
+  To avoid multi dispatch, this change transformed insertTaskDecision command into an action and added insertTaskDecisionCommand.
+
+- [`f26db4dcd65`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f26db4dcd65) - ME-1322 The mobile editor with the compact appearance has a submit button which is disabled when the editor is empty. Currently, when you insert a block node such as code snippet or table, and don't add anything else, the content is still considered empty. This does not align with the web version. The comment editor in web considers this as a content and enables the submit button. With this change, the mobile editor also aligned with the web behaviour.
+- [`c4b5c9f0f0d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c4b5c9f0f0d) - [MEX-1100] Remove external references to MediaPicker PopUp
+
+### Patch Changes
+
+- [`0c64f6136e6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0c64f6136e6) - ED-14268 migrate editor-core to use emotion
+- [`546490297ec`](https://bitbucket.org/atlassian/atlassian-frontend/commits/546490297ec) - ED-14268 migrated some styled-components to use emotion
+- [`001b0e67dc4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/001b0e67dc4) - Remove table plugin dependencies from paste plugin
+- [`e2b0dbd04f6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e2b0dbd04f6) - Remove table plugin dependencies from the paste plugin
+- [`bb037baa675`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bb037baa675) - [ED-14690] Fix media node helper functions - Make sure the media node exists before change the attributes
+- [`b29ce16dad8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b29ce16dad8) - [ED-14606] Move bitbucket schema, confluence schema, jira schema, and default schema from @atlaskit/adf-schema to their own entry points. These new entry points are as follows
+
+  @atlaskit/adf-schema/schema-bitbucket for:
+
+  - bitbucketSchema
+
+  @atlaskit/adf-schema/schema-confluence for:
+
+  - confluenceSchema
+  - confluenceSchemaWithMediaSingle
+
+  @atlaskit/adf-schema/schema-jira for:
+
+  - default as createJIRASchema
+  - isSchemaWithLists
+  - isSchemaWithMentions
+  - isSchemaWithEmojis
+  - isSchemaWithLinks
+  - isSchemaWithAdvancedTextFormattingMarks
+  - isSchemaWithCodeBlock
+  - isSchemaWithBlockQuotes
+  - isSchemaWithMedia
+  - isSchemaWithSubSupMark
+  - isSchemaWithTextColor
+  - isSchemaWithTables
+
+  @atlaskit/adf-schema/schema-default for:
+
+  - defaultSchema
+  - getSchemaBasedOnStage
+  - defaultSchemaConfig
+
+  This change also includes codemods in @atlaskit/adf-schema to update these entry points. It also introduces a new util function "changeImportEntryPoint" to @atlaskit/codemod-utils to handle this scenario.
+
+- [`0615f984959`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0615f984959) - [ux] Add workaround in paste plugin so that nodes like panels/decisions are not lost when pasting content into them.
+- [`3ef794dc11f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3ef794dc11f) - Removed emoji and media packages dependencies from renderer initial load.
+- [`d1e45c6ae0e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d1e45c6ae0e) - ED-14268 replace editor-core to use emotion
+- [`e18ded9309d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e18ded9309d) - ED-14268 replaced parts of editor-core to use emotion
+- [`084c7854868`](https://bitbucket.org/atlassian/atlassian-frontend/commits/084c7854868) - [ux] ED-14573 Migrate inlineCard to use getInlineNodeViewProducer. This change also includes some updates to inline node view styles to better selections in Chrome specifically.
+- [`1d1c52856f2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1d1c52856f2) - ED-14268 migrated some usages of styled-components to emotion
+- [`d6a5f238b34`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6a5f238b34) - [ux] Bug fix for pasting multiple code blocks where previously they were being merged into one, but now they paste separately as individual code blocks (unless they are pasted from bitbucket)
+- [`41e11bd11a0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41e11bd11a0) - ED-14268 migrated parts of editor-core to use emotion.
+- [`20a8be7d4af`](https://bitbucket.org/atlassian/atlassian-frontend/commits/20a8be7d4af) - [ux][ed-14731] Solve a regression where headings pasted into empty panels replaced the whole panel. Now it will paste inside the panel.
+- Updated dependencies
+
 ## 163.0.0
 
 ### Major Changes

package/dist/cjs/editor.js

@@ -2,6 +2,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -27,11 +29,11 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react2 = require("@emotion/react");
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 
@@ -77,6 +79,10 @@ var _RenderTracking = require("./utils/performance/components/RenderTracking");
 
 var _templateObject;
 
+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; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 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) { (0, _defineProperty2.default)(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; }
@@ -85,7 +91,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 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; } }
 
-var WidthProviderFullHeight = (0, _styledComponents.default)(_ui.WidthProvider)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  height: 100%;\n"])));
+var fullHeight = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  height: 100%;\n"])));
 
 var Editor = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(Editor, _React$Component);
@@ -551,7 +557,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
       var renderTracking = (_this$props$performan = this.props.performanceTracking) === null || _this$props$performan === void 0 ? void 0 : (_this$props$performan2 = _this$props$performan.renderTracking) === null || _this$props$performan2 === void 0 ? void 0 : _this$props$performan2.editor;
       var renderTrackingEnabled = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.enabled;
       var useShallow = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.useShallow;
-      return /*#__PURE__*/_react.default.createElement(_analyticsNamespacedContext.FabricEditorAnalyticsContext, {
+      return (0, _react2.jsx)(_analyticsNamespacedContext.FabricEditorAnalyticsContext, {
         data: {
           packageName: _versionWrapper.name,
           packageVersion: _versionWrapper.version,
@@ -559,25 +565,27 @@ var Editor = /*#__PURE__*/function (_React$Component) {
           appearance: (0, _utils.getAnalyticsAppearance)(this.props.appearance),
           editorSessionId: this.editorSessionId
         }
-      }, /*#__PURE__*/_react.default.createElement(_ui.WithCreateAnalyticsEvent, {
+      }, (0, _react2.jsx)(_ui.WithCreateAnalyticsEvent, {
         render: function render(createAnalyticsEvent) {
-          return (_this5.createAnalyticsEvent = createAnalyticsEvent) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderTrackingEnabled && /*#__PURE__*/_react.default.createElement(_RenderTracking.RenderTracking, {
+          return (_this5.createAnalyticsEvent = createAnalyticsEvent) && (0, _react2.jsx)(_react.Fragment, null, renderTrackingEnabled && (0, _react2.jsx)(_RenderTracking.RenderTracking, {
             componentProps: _this5.props,
             action: _analytics.ACTION.RE_RENDERED,
             actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
             handleAnalyticsEvent: _this5.handleAnalyticsEvent,
             propsToIgnore: ['defaultValue'],
             useShallow: useShallow
-          }), /*#__PURE__*/_react.default.createElement(_ErrorBoundary.default, {
+          }), (0, _react2.jsx)(_ErrorBoundary.default, {
             createAnalyticsEvent: createAnalyticsEvent,
             contextIdentifierProvider: _this5.props.contextIdentifierProvider
-          }, /*#__PURE__*/_react.default.createElement(WidthProviderFullHeight, null, /*#__PURE__*/_react.default.createElement(_EditorContext.default, {
+          }, (0, _react2.jsx)(_ui.WidthProvider, {
+            css: fullHeight
+          }, (0, _react2.jsx)(_EditorContext.default, {
             editorActions: _this5.editorActions
-          }, /*#__PURE__*/_react.default.createElement(_contextAdapter.ContextAdapter, null, /*#__PURE__*/_react.default.createElement(_PortalProvider.PortalProvider, {
+          }, (0, _react2.jsx)(_contextAdapter.ContextAdapter, null, (0, _react2.jsx)(_PortalProvider.PortalProvider, {
             onAnalyticsEvent: _this5.handleAnalyticsEvent,
             useAnalyticsContext: _this5.props.UNSAFE_useAnalyticsContext,
             render: function render(portalProviderAPI) {
-              return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_createEditor.ReactEditorView, {
+              return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_createEditor.ReactEditorView, {
                 editorProps: overriddenEditorProps,
                 createAnalyticsEvent: createAnalyticsEvent,
                 portalProviderAPI: portalProviderAPI,
@@ -594,10 +602,10 @@ var Editor = /*#__PURE__*/function (_React$Component) {
                       eventDispatcher = _ref3.eventDispatcher,
                       config = _ref3.config,
                       dispatchAnalyticsEvent = _ref3.dispatchAnalyticsEvent;
-                  return /*#__PURE__*/_react.default.createElement(_ui.BaseTheme, {
+                  return (0, _react2.jsx)(_ui.BaseTheme, {
                     dynamicTextSizing: _this5.props.allowDynamicTextSizing && _this5.props.appearance !== 'full-width',
                     baseFontSize: _this5.getBaseFontSize()
-                  }, /*#__PURE__*/_react.default.createElement(Component, {
+                  }, (0, _react2.jsx)(Component, {
                     appearance: _this5.props.appearance,
                     disabled: _this5.props.disabled,
                     editorActions: _this5.editorActions,
@@ -628,7 +636,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
                     featureFlags: featureFlags
                   }));
                 }
-              }), /*#__PURE__*/_react.default.createElement(_PortalProvider.PortalRenderer, {
+              }), (0, _react2.jsx)(_PortalProvider.PortalRenderer, {
                 portalProviderAPI: portalProviderAPI
               }));
             }

package/dist/cjs/i18n/cs.js

@@ -216,7 +216,7 @@ var _default = {
   'fabric.editor.notePanel': 'Panel poznámek',
   'fabric.editor.notePanel.description': 'Přidat poznámku do barevného panelu',
   'fabric.editor.numberedColumn': 'Číslovaný sloupec',
-  'fabric.editor.off': '{formattingType} vypnuto',
+  'fabric.editor.off': 'Formátování {formattingType} vypnuto',
   'fabric.editor.on': '{formattingType} zapnuto',
   'fabric.editor.orderedList': 'Číslovaný seznam',
   'fabric.editor.orderedList.description': 'Vytvořit seřazený seznam',

package/dist/cjs/i18n/de.js

@@ -16,12 +16,12 @@ var _default = {
   'fabric.editor.action': 'Aufgabe',
   'fabric.editor.action.description': 'Aufgaben erstellen und zuweisen',
   'fabric.editor.addAltText': 'Alternativtext',
-  'fabric.editor.alignCenter': 'None',
+  'fabric.editor.alignCenter': 'Mittig ausrichten',
   'fabric.editor.alignImageCenter': 'Mittig ausrichten',
   'fabric.editor.alignImageLeft': 'Links ausrichten',
   'fabric.editor.alignImageRight': 'Rechts ausrichten',
   'fabric.editor.alignLeft': 'Links ausrichten',
-  'fabric.editor.alignRight': 'None',
+  'fabric.editor.alignRight': 'Rechts ausrichten',
   'fabric.editor.alignment': 'Textausrichtung',
   'fabric.editor.altText': 'Alternativer Text',
   'fabric.editor.alttext.validation': 'Bitte entfernen Sie jegliche Sonderzeichen in alternativem Text.',
@@ -284,7 +284,7 @@ var _default = {
   'fabric.editor.tooltip.nestedExpand': 'eine verschachtelte Erweiterung',
   'fabric.editor.tooltip.taskList': 'eine Aufgabe',
   'fabric.editor.twoColumns': 'Zwei Spalten',
-  'fabric.editor.typeAheadResultLabel': 'TypeAhead-Ergebnisse',
+  'fabric.editor.typeAheadResultLabel': 'Vorschlagsfunktion-Ergebnisse',
   'fabric.editor.unableToOpenLink': 'Dieser Link konnte nicht geöffnet werden.',
   'fabric.editor.underline': 'Unterstrichen',
   'fabric.editor.undo': 'Rückgängig',