@atlaskit/editor-core 188.7.0 → 188.7.5

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-core
 
+## 188.7.5
+
+### Patch Changes
+
+- [#41452](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41452) [`53c21a4394a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/53c21a4394a) - Decouple status plugin from editor-core.
+- Updated dependencies
+
+## 188.7.3
+
+### Patch Changes
+
+- [#41387](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41387) [`5b2cd469875`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5b2cd469875) - Fix scrolling to top of page on status selection.
+- Updated dependencies
+
 ## 188.7.0
 
 ### Minor Changes

package/dist/cjs/messages.js

@@ -26,12 +26,11 @@ Object.defineProperty(exports, "linkToolbarMessages", {
 Object.defineProperty(exports, "statusMessages", {
   enumerable: true,
   get: function get() {
-    return _messages3.messages;
+    return _messages.statusMessages;
   }
 });
 var _messages = _interopRequireWildcard(require("@atlaskit/editor-common/messages"));
 var _messages2 = require("./plugins/date/nodeviews/messages");
-var _messages3 = require("./plugins/status/nodeviews/messages");
 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; }
 // Common Translations will live here

package/dist/cjs/plugins/status/index.js

@@ -10,7 +10,7 @@ var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _adfSchema = require("@atlaskit/adf-schema");
 var _withPluginState = require("@atlaskit/editor-common/with-plugin-state");
 var _analytics = require("@atlaskit/editor-common/analytics");
-var _messages = require("../insert-block/ui/ToolbarInsertBlock/messages");
+var _messages = require("@atlaskit/editor-common/messages");
 var _quickInsert = require("@atlaskit/editor-common/quick-insert");
 var _actions = require("./actions");
 var _keymap = require("./keymap");
@@ -106,8 +106,8 @@ var decorateWithPluginOptions = function decorateWithPluginOptions(plugin, optio
       var formatMessage = _ref4.formatMessage;
       return [{
         id: 'status',
-        title: formatMessage(_messages.messages.status),
-        description: formatMessage(_messages.messages.statusDescription),
+        title: formatMessage(_messages.toolbarInsertBlockMessages.status),
+        description: formatMessage(_messages.toolbarInsertBlockMessages.statusDescription),
         priority: 700,
         keywords: ['lozenge'],
         icon: function icon() {

package/dist/cjs/plugins/status/nodeviews/status.js

@@ -10,7 +10,7 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _element = require("@atlaskit/status/element");
-var _messages = require("./messages");
+var _messages = require("@atlaskit/editor-common/messages");
 var _templateObject, _templateObject2;
 /** @jsx jsx */
 var styledStatus = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  opacity: 1;\n"])));
@@ -21,7 +21,7 @@ var StatusContainerView = function StatusContainerView(props) {
     localId = props.localId,
     style = props.style,
     formatMessage = props.intl.formatMessage;
-  var statusText = text ? text : formatMessage(_messages.messages.placeholder);
+  var statusText = text ? text : formatMessage(_messages.statusMessages.placeholder);
   var handleClick = function handleClick(event) {
     if (event.nativeEvent.stopImmediatePropagation) {
       event.nativeEvent.stopImmediatePropagation();
@@ -30,7 +30,8 @@ var StatusContainerView = function StatusContainerView(props) {
   };
 
   return (0, _react2.jsx)("span", {
-    css: text ? styledStatus : styledStatusPlaceholder
+    css: text ? styledStatus : styledStatusPlaceholder,
+    "data-testid": "statusContainerView"
   }, (0, _react2.jsx)(_element.Status, {
     text: statusText,
     color: color,

package/dist/cjs/plugins/status/ui/statusPicker.js

@@ -224,17 +224,22 @@ var StatusPickerWithoutAnalytcs = exports.StatusPickerWithoutAnalytcs = /*#__PUR
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
+      var _this2 = this;
       this.reset();
       this.fireStatusPopupOpenedAnalytics(this.state);
       if (typeof this.props.isNew === 'boolean' && this.props.isNew === false) {
-        var _this$popupBodyWrappe2;
         // Wrapper should be focused only if status already exists otherwise input field will receive focus
-        (_this$popupBodyWrappe2 = this.popupBodyWrapper) === null || _this$popupBodyWrappe2 === void 0 || (_this$popupBodyWrappe2 = _this$popupBodyWrappe2.current) === null || _this$popupBodyWrappe2 === void 0 || _this$popupBodyWrappe2.focus();
+        this.focusTimeout = requestAnimationFrame(function () {
+          var _this2$popupBodyWrapp;
+          // Defer to prevent editor scrolling to top. See https://product-fabric.atlassian.net/browse/DTR-1952
+          (_this2$popupBodyWrapp = _this2.popupBodyWrapper) === null || _this2$popupBodyWrapp === void 0 || (_this2$popupBodyWrapp = _this2$popupBodyWrapp.current) === null || _this2$popupBodyWrapp === void 0 || _this2$popupBodyWrapp.focus();
+        });
       }
     }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
+      this.focusTimeout && cancelAnimationFrame(this.focusTimeout);
       this.fireStatusPopupClosedAnalytics(this.state);
       this.startTime = 0;
     }

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

@@ -25,7 +25,7 @@ var _styles9 = require("../../plugins/extension/ui/styles");
 var _styles10 = require("../../plugins/expand/ui/styles");
 var _styles11 = require("../../plugins/find-replace/styles");
 var _styles12 = require("../../plugins/tasks-and-decisions/styles");
-var _styles13 = require("../../plugins/status/styles");
+var _status = require("./status");
 var _date = require("./date");
 var _getInlineNodeViewProducer = require("../../nodeviews/getInlineNodeViewProducer.styles");
 var _utils = require("@atlaskit/editor-common/utils");
@@ -47,7 +47,7 @@ var placeholderStyles = exports.placeholderStyles = (0, _react2.css)(_templateOb
 var contentStyles = function contentStyles(props) {
   return (0, _react2.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\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\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"])), (0, _editorSharedStyles.editorFontSize)({
     theme: props.theme
-  }), _styles.whitespaceSharedStyles, _styles.paragraphSharedStyles, _styles.listsSharedStyles, _styles.indentationSharedStyles, _styles.shadowSharedStyle, _getInlineNodeViewProducer.InlineNodeViewSharedStyles, "var(--ds-border-focused, #8cf)", _styles8.placeholderTextStyles, placeholderStyles, (0, _styles4.codeBlockStyles)(props), (0, _styles3.blocktypeStyles)(props), (0, _styles.codeMarkSharedStyles)(props), _styles.textColorStyles, listsStyles, ruleStyles(props), _media.mediaStyles, (0, _styles5.layoutStyles)(props), _styles2.telepointerStyle, _selection.gapCursorStyles, (0, _commonStyles.tableStyles)(props), (0, _styles6.panelStyles)(props), _styles7.fakeCursorStyles, mentionsStyles, emojiStyles, _styles.tasksAndDecisionsStyles, _styles.gridStyles, linkStyles, _styles.blockMarksSharedStyles, _styles.dateSharedStyle, _styles9.extensionStyles, (0, _styles10.expandStyles)(props), _styles11.findReplaceStyles, _styles12.taskDecisionStyles, _styles13.statusStyles, (0, _styles.annotationSharedStyles)(props), _styles.smartCardStyles, _styles.smartCardSharedStyles, _date.dateStyles, _styles.embedCardStyles, _styles.unsupportedStyles, _styles.resizerStyles, _styles.MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT);
+  }), _styles.whitespaceSharedStyles, _styles.paragraphSharedStyles, _styles.listsSharedStyles, _styles.indentationSharedStyles, _styles.shadowSharedStyle, _getInlineNodeViewProducer.InlineNodeViewSharedStyles, "var(--ds-border-focused, #8cf)", _styles8.placeholderTextStyles, placeholderStyles, (0, _styles4.codeBlockStyles)(props), (0, _styles3.blocktypeStyles)(props), (0, _styles.codeMarkSharedStyles)(props), _styles.textColorStyles, listsStyles, ruleStyles(props), _media.mediaStyles, (0, _styles5.layoutStyles)(props), _styles2.telepointerStyle, _selection.gapCursorStyles, (0, _commonStyles.tableStyles)(props), (0, _styles6.panelStyles)(props), _styles7.fakeCursorStyles, mentionsStyles, emojiStyles, _styles.tasksAndDecisionsStyles, _styles.gridStyles, linkStyles, _styles.blockMarksSharedStyles, _styles.dateSharedStyle, _styles9.extensionStyles, (0, _styles10.expandStyles)(props), _styles11.findReplaceStyles, _styles12.taskDecisionStyles, _status.statusStyles, (0, _styles.annotationSharedStyles)(props), _styles.smartCardStyles, _styles.smartCardSharedStyles, _date.dateStyles, _styles.embedCardStyles, _styles.unsupportedStyles, _styles.resizerStyles, _styles.MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT);
 };
 var createEditorContentStyle = exports.createEditorContentStyle = function createEditorContentStyle(styles) {
   return /*#__PURE__*/_react.default.forwardRef(function (props, ref) {

package/dist/cjs/version-wrapper.js

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

package/dist/es2019/messages.js

@@ -1,7 +1,6 @@
 // Common Translations will live here
-import commonMessages, { linkMessages, linkToolbarMessages } from '@atlaskit/editor-common/messages';
+import commonMessages, { linkMessages, linkToolbarMessages, statusMessages } from '@atlaskit/editor-common/messages';
 import { messages as dateMessages } from './plugins/date/nodeviews/messages';
-import { messages as statusMessages } from './plugins/status/nodeviews/messages';
 export { linkMessages };
 export { statusMessages };
 export { dateMessages };

package/dist/es2019/plugins/status/index.js

@@ -3,7 +3,7 @@ import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { status } from '@atlaskit/adf-schema';
 import { WithPluginState } from '@atlaskit/editor-common/with-plugin-state';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { messages } from '../insert-block/ui/ToolbarInsertBlock/messages';
+import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
 import { IconStatus } from '@atlaskit/editor-common/quick-insert';
 import { updateStatusWithAnalytics, commitStatusPicker, createStatus, updateStatus } from './actions';
 import { keymapPlugin } from './keymap';

package/dist/es2019/plugins/status/nodeviews/status.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { Status } from '@atlaskit/status/element';
-import { messages } from './messages';
+import { statusMessages as messages } from '@atlaskit/editor-common/messages';
 const styledStatus = css`
   opacity: 1;
 `;
@@ -29,7 +29,8 @@ const StatusContainerView = props => {
   };
 
   return jsx("span", {
-    css: text ? styledStatus : styledStatusPlaceholder
+    css: text ? styledStatus : styledStatusPlaceholder,
+    "data-testid": "statusContainerView"
   }, jsx(Status, {
     text: statusText,
     color: color,

package/dist/es2019/plugins/status/ui/statusPicker.js

@@ -213,12 +213,16 @@ export class StatusPickerWithoutAnalytcs extends React.Component {
     this.reset();
     this.fireStatusPopupOpenedAnalytics(this.state);
     if (typeof this.props.isNew === 'boolean' && this.props.isNew === false) {
-      var _this$popupBodyWrappe3, _this$popupBodyWrappe4;
       // Wrapper should be focused only if status already exists otherwise input field will receive focus
-      (_this$popupBodyWrappe3 = this.popupBodyWrapper) === null || _this$popupBodyWrappe3 === void 0 ? void 0 : (_this$popupBodyWrappe4 = _this$popupBodyWrappe3.current) === null || _this$popupBodyWrappe4 === void 0 ? void 0 : _this$popupBodyWrappe4.focus();
+      this.focusTimeout = requestAnimationFrame(() => {
+        var _this$popupBodyWrappe3, _this$popupBodyWrappe4;
+        // Defer to prevent editor scrolling to top. See https://product-fabric.atlassian.net/browse/DTR-1952
+        (_this$popupBodyWrappe3 = this.popupBodyWrapper) === null || _this$popupBodyWrappe3 === void 0 ? void 0 : (_this$popupBodyWrappe4 = _this$popupBodyWrappe3.current) === null || _this$popupBodyWrappe4 === void 0 ? void 0 : _this$popupBodyWrappe4.focus();
+      });
     }
   }
   componentWillUnmount() {
+    this.focusTimeout && cancelAnimationFrame(this.focusTimeout);
     this.fireStatusPopupClosedAnalytics(this.state);
     this.startTime = 0;
   }

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

@@ -18,7 +18,7 @@ import { expandStyles } from '../../plugins/expand/ui/styles';
 import { MediaSharedClassNames } from '@atlaskit/editor-common/styles';
 import { findReplaceStyles } from '../../plugins/find-replace/styles';
 import { taskDecisionStyles } from '../../plugins/tasks-and-decisions/styles';
-import { statusStyles } from '../../plugins/status/styles';
+import { statusStyles } from './status';
 import { dateStyles } from './date';
 import { InlineNodeViewSharedStyles } from '../../nodeviews/getInlineNodeViewProducer.styles';
 import { linkSharedStyle, codeMarkSharedStyles, ruleSharedStyles } from '@atlaskit/editor-common/styles';

package/dist/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "188.7.0";
+export const version = "188.7.5";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/esm/messages.js

@@ -1,7 +1,6 @@
 // Common Translations will live here
-import commonMessages, { linkMessages, linkToolbarMessages } from '@atlaskit/editor-common/messages';
+import commonMessages, { linkMessages, linkToolbarMessages, statusMessages } from '@atlaskit/editor-common/messages';
 import { messages as dateMessages } from './plugins/date/nodeviews/messages';
-import { messages as statusMessages } from './plugins/status/nodeviews/messages';
 export { linkMessages };
 export { statusMessages };
 export { dateMessages };

package/dist/esm/plugins/status/index.js

@@ -3,7 +3,7 @@ import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { status } from '@atlaskit/adf-schema';
 import { WithPluginState } from '@atlaskit/editor-common/with-plugin-state';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { messages } from '../insert-block/ui/ToolbarInsertBlock/messages';
+import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
 import { IconStatus } from '@atlaskit/editor-common/quick-insert';
 import { updateStatusWithAnalytics, commitStatusPicker, createStatus, updateStatus } from './actions';
 import { keymapPlugin } from './keymap';

package/dist/esm/plugins/status/nodeviews/status.js

@@ -5,7 +5,7 @@ import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { Status } from '@atlaskit/status/element';
-import { messages } from './messages';
+import { statusMessages as messages } from '@atlaskit/editor-common/messages';
 var styledStatus = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  opacity: 1;\n"])));
 var styledStatusPlaceholder = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  opacity: 0.5;\n"])));
 var StatusContainerView = function StatusContainerView(props) {
@@ -23,7 +23,8 @@ var StatusContainerView = function StatusContainerView(props) {
   };
 
   return jsx("span", {
-    css: text ? styledStatus : styledStatusPlaceholder
+    css: text ? styledStatus : styledStatusPlaceholder,
+    "data-testid": "statusContainerView"
   }, jsx(Status, {
     text: statusText,
     color: color,

package/dist/esm/plugins/status/ui/statusPicker.js

@@ -218,17 +218,22 @@ export var StatusPickerWithoutAnalytcs = /*#__PURE__*/function (_React$Component
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
+      var _this2 = this;
       this.reset();
       this.fireStatusPopupOpenedAnalytics(this.state);
       if (typeof this.props.isNew === 'boolean' && this.props.isNew === false) {
-        var _this$popupBodyWrappe2;
         // Wrapper should be focused only if status already exists otherwise input field will receive focus
-        (_this$popupBodyWrappe2 = this.popupBodyWrapper) === null || _this$popupBodyWrappe2 === void 0 || (_this$popupBodyWrappe2 = _this$popupBodyWrappe2.current) === null || _this$popupBodyWrappe2 === void 0 || _this$popupBodyWrappe2.focus();
+        this.focusTimeout = requestAnimationFrame(function () {
+          var _this2$popupBodyWrapp;
+          // Defer to prevent editor scrolling to top. See https://product-fabric.atlassian.net/browse/DTR-1952
+          (_this2$popupBodyWrapp = _this2.popupBodyWrapper) === null || _this2$popupBodyWrapp === void 0 || (_this2$popupBodyWrapp = _this2$popupBodyWrapp.current) === null || _this2$popupBodyWrapp === void 0 || _this2$popupBodyWrapp.focus();
+        });
       }
     }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
+      this.focusTimeout && cancelAnimationFrame(this.focusTimeout);
       this.fireStatusPopupClosedAnalytics(this.state);
       this.startTime = 0;
     }

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

@@ -20,7 +20,7 @@ import { expandStyles } from '../../plugins/expand/ui/styles';
 import { MediaSharedClassNames } from '@atlaskit/editor-common/styles';
 import { findReplaceStyles } from '../../plugins/find-replace/styles';
 import { taskDecisionStyles } from '../../plugins/tasks-and-decisions/styles';
-import { statusStyles } from '../../plugins/status/styles';
+import { statusStyles } from './status';
 import { dateStyles } from './date';
 import { InlineNodeViewSharedStyles } from '../../nodeviews/getInlineNodeViewProducer.styles';
 import { linkSharedStyle, codeMarkSharedStyles, ruleSharedStyles } from '@atlaskit/editor-common/styles';

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "188.7.0";
+export var version = "188.7.5";
 export var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/types/messages.d.ts

@@ -1,6 +1,5 @@
-import commonMessages, { linkMessages, linkToolbarMessages } from '@atlaskit/editor-common/messages';
+import commonMessages, { linkMessages, linkToolbarMessages, statusMessages } from '@atlaskit/editor-common/messages';
 import { messages as dateMessages } from './plugins/date/nodeviews/messages';
-import { messages as statusMessages } from './plugins/status/nodeviews/messages';
 export { linkMessages };
 export { statusMessages };
 export { dateMessages };

package/dist/types/plugins/status/analytics.d.ts

@@ -1,4 +1,4 @@
-import { AnalyticsEventPayload, CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import type { AnalyticsEventPayload, CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 export declare const FABRIC_CHANNEL = "fabric-elements";
 export declare const createStatusAnalyticsAndFire: (createAnalyticsEvent?: CreateUIAnalyticsEvent) => (payload: AnalyticsEventPayload) => void;
 export declare const analyticsState: (isNew: boolean | undefined) => "update" | "new";

package/dist/types/plugins/status/nodeviews/status.d.ts

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
+import { jsx } from '@emotion/react';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { IntlShape } from 'react-intl-next';
 import type { Color, StatusStyle } from '@atlaskit/status/element';
@@ -21,4 +22,4 @@ export declare const IntlStatusContainerView: React.FC<import("react-intl-next")
 export type Props = InlineNodeViewComponentProps & {
     options: StatusPluginOptions | undefined;
 };
-export declare const StatusNodeView: React.FC<Props>;
+export declare const StatusNodeView: (props: Props) => jsx.JSX.Element;

package/dist/types/plugins/status/ui/statusPicker.d.ts

@@ -38,6 +38,7 @@ export declare class StatusPickerWithoutAnalytcs extends React.Component<Props,
     private inputMethod?;
     private createStatusAnalyticsAndFireFunc;
     private popupBodyWrapper;
+    private focusTimeout;
     constructor(props: Props);
     private fireStatusPopupOpenedAnalytics;
     private fireStatusPopupClosedAnalytics;

package/dist/types/ui/ContentStyles/status.d.ts

@@ -0,0 +1 @@
+export declare const statusStyles: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/actions/index.d.ts

@@ -0,0 +1,49 @@
+import { Node } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { AnalyticsEventPayload } from '@atlaskit/analytics-next/AnalyticsEvent';
+import type { ResolvedEditorState } from '@atlaskit/editor-common/collab';
+import type { ContextUpdateHandler, EditorActionsOptions, ReplaceRawValue, FeatureFlags, Transformer } from '@atlaskit/editor-common/types';
+import type { EventDispatcher } from '../event-dispatcher';
+export default class EditorActions<T = any> implements EditorActionsOptions<T> {
+    private editorView?;
+    private contentTransformer?;
+    private contentEncode?;
+    private eventDispatcher?;
+    private listeners;
+    static from<T>(view: EditorView, eventDispatcher: EventDispatcher, transformer?: Transformer<T>): EditorActions<T>;
+    _privateGetEditorView(): EditorView | undefined;
+    _privateGetEventDispatcher(): EventDispatcher | undefined;
+    private getFeatureFlags;
+    _privateRegisterEditor(editorView: EditorView, eventDispatcher: EventDispatcher, contentTransformer?: Transformer<T>, getFeatureFlags?: () => FeatureFlags): void;
+    _privateUnregisterEditor(): void;
+    _privateSubscribe(cb: ContextUpdateHandler): void;
+    _privateUnsubscribe(cb: ContextUpdateHandler): void;
+    focus(): boolean;
+    blur(): boolean;
+    clear(): boolean;
+    __temporaryFixForConfigPanel(): Promise<void>;
+    getValue(): Promise<T | import("@atlaskit/editor-json-transformer/types").JSONDocNode | undefined>;
+    getNodeByLocalId(id: string): Node | undefined;
+    getNodeByFragmentLocalId(id: string): Node | undefined;
+    /**
+     * This method will return the currently selected `Node` if the selection is a `Node`.
+     * Otherwise, if the selection is textual or a non-selectable `Node` within another selectable `Node`, the closest selectable parent `Node` will be returned.
+     */
+    getSelectedNode(): Node | undefined;
+    isDocumentEmpty(): boolean;
+    replaceDocument(rawValue: any, shouldScrollToBottom?: boolean, 
+    /** @deprecated [ED-14158] shouldAddToHistory is not being used in this function */
+    shouldAddToHistory?: boolean): boolean;
+    replaceSelection(rawValue: ReplaceRawValue | Array<ReplaceRawValue>, tryToReplace?: boolean): boolean;
+    appendText(text: string): boolean;
+    dispatchAnalyticsEvent: (payload: AnalyticsEventPayload) => void;
+    /**
+     * If editor is using new collab service,
+     * we want editor to call the collab provider to
+     * retrieve the final acknowledged state of the
+     * editor. The final acknowledged editor state
+     * refers to the latest state of editor with confirmed
+     * steps.
+     */
+    getResolvedEditorState: () => Promise<ResolvedEditorState | undefined>;
+}

package/dist/types-ts4.5/commands/index.d.ts

@@ -0,0 +1 @@
+export { addParagraphAtEnd, createParagraphAtEnd, changeImageAlignment, createToggleBlockMarkOnRange, toggleBlockMark, clearEditorContent, } from '@atlaskit/editor-common/commands';

package/dist/types-ts4.5/composable-editor/editor-internal.d.ts

@@ -0,0 +1,34 @@
+import { jsx } from '@emotion/react';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import type { FireAnalyticsCallback } from '@atlaskit/editor-common/analytics';
+import type { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
+import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import type { AllEditorPresetPluginTypes, Transformer } from '@atlaskit/editor-common/types';
+import type EditorActions from '../actions';
+import type { EventDispatcher } from '../event-dispatcher';
+import type { EditorNextProps } from '../types/editor-props';
+interface InternalProps {
+    props: EditorNextProps;
+    handleAnalyticsEvent: FireAnalyticsCallback;
+    createAnalyticsEvent: CreateUIAnalyticsEvent;
+    handleSave: (view: EditorView) => void;
+    editorActions: EditorActions;
+    onEditorCreated: (instance: {
+        view: EditorView;
+        eventDispatcher: EventDispatcher;
+        transformer?: Transformer<string>;
+    }) => void;
+    onEditorDestroyed: (_instance: {
+        view: EditorView;
+        transformer?: Transformer<string>;
+    }) => void;
+    preset: EditorPresetBuilder<string[], AllEditorPresetPluginTypes[]>;
+    providerFactory: ProviderFactory;
+}
+/**
+ * EditorInternalComponent is used to capture the common component
+ * from the `render` method of `Editor` and share it with `EditorNext`.
+ */
+export declare function EditorInternal({ props, handleAnalyticsEvent, createAnalyticsEvent, handleSave, editorActions, providerFactory, onEditorCreated, onEditorDestroyed, preset, }: InternalProps): jsx.JSX.Element;
+export {};

package/dist/types-ts4.5/composable-editor/editor.d.ts

@@ -0,0 +1,9 @@
+import { jsx } from '@emotion/react';
+import type { EditorNextProps } from '../types/editor-props';
+export declare function ComposableEditor(props: EditorNextProps): jsx.JSX.Element;
+export declare namespace ComposableEditor {
+    var propTypes: {
+        minHeight: ({ appearance, minHeight, }: Pick<EditorNextProps, "appearance" | "minHeight">) => Error | null;
+        preset: ({ preset }: Pick<EditorNextProps, "preset">) => Error | null;
+    };
+}

package/dist/types-ts4.5/composable-editor/hooks/useEditorMeasuresConstructor.d.ts

@@ -0,0 +1,17 @@
+/** @jsx jsx */
+import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import type { ExperienceStore } from '@atlaskit/editor-common/ufo';
+import type { EditorProps } from '../../types/editor-props';
+import type { PerformanceTracking } from '../../types/performance-tracking';
+/**
+ *
+ * Hook to be used for running analytics on mounting the editor.
+ * Should run once.
+ * WARNING: Consider any changes to also make to `src/editor.tsx`
+ *
+ * @param performanceTracking
+ * @param featureFlags
+ * @param getExperienceStore function to retrieve the Editor's current ExperienceStore
+ * @param createAnalyticsEvent
+ */
+export default function useEditorConstructor(performanceTracking: PerformanceTracking | undefined, featureFlags: EditorProps['featureFlags'], getExperienceStore: () => ExperienceStore | undefined, createAnalyticsEvent: CreateUIAnalyticsEvent): void;

package/dist/types-ts4.5/composable-editor/hooks/useMeasureEditorMountTime.d.ts

@@ -0,0 +1,13 @@
+import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import type { ExperienceStore } from '@atlaskit/editor-common/ufo';
+import type { EditorNextProps, EditorProps } from '../../types/editor-props';
+/**
+ *
+ * Hook to run the analytics for the Editor component.
+ * WARNING: Consider any changes to also make to `src/editor.tsx`
+ *
+ * @param props EditorProps
+ * @param getExperienceStore function to retrieve the Editor's current ExperienceStore
+ * @param createAnalyticsEvent
+ */
+export default function useMeasureEditorMountTime(props: EditorProps | EditorNextProps, getExperienceStore: () => ExperienceStore | undefined, createAnalyticsEvent: CreateUIAnalyticsEvent): void;

package/dist/types-ts4.5/composable-editor/hooks/useProviderFactory.d.ts

@@ -0,0 +1,14 @@
+import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import type EditorActions from '../../actions';
+import type { EditorNextProps } from '../../types/editor-props';
+/**
+ *
+ * This hook is used to create the provider factory object.
+ *
+ * @param props
+ * @param editorActions
+ * @param createAnalyticsEvent
+ * @returns ProviderFactory for Editor
+ */
+export default function useProviderFactory(props: EditorNextProps, editorActions: EditorActions, createAnalyticsEvent: CreateUIAnalyticsEvent): ProviderFactory;

package/dist/types-ts4.5/composable-editor/utils/editorMeasureTTICallback.d.ts

@@ -0,0 +1,5 @@
+import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import type { ExperienceStore } from '@atlaskit/editor-common/ufo';
+import type { EditorProps } from '../../types/editor-props';
+import type { PerformanceTracking } from '../../types/performance-tracking';
+export default function editorMeasureTTICallback(tti: number, ttiFromInvocation: number, canceled: boolean, distortedDuration: boolean, performanceTracking: PerformanceTracking | undefined, featureFlags: EditorProps['featureFlags'], createAnalyticsEvent?: CreateUIAnalyticsEvent, experienceStore?: ExperienceStore): void;

package/dist/types-ts4.5/composable-editor/utils/getBaseFontSize.d.ts

@@ -0,0 +1,6 @@
+import type { EditorAppearance } from '@atlaskit/editor-common/types';
+/**
+ * @param appearance
+ * @returns default font size if valid
+ */
+export declare function getBaseFontSize(appearance?: EditorAppearance): number | undefined;

package/dist/types-ts4.5/composable-editor/utils/getProvidersFromEditorProps.d.ts

@@ -0,0 +1,9 @@
+import type { Providers } from '@atlaskit/editor-common/provider-factory';
+import type { EditorProps } from '../../types/editor-props';
+type Complete<T> = {
+    [P in keyof Required<T>]: Pick<T, P> extends Required<Pick<T, P>> ? T[P] : T[P] | undefined;
+};
+type EditorProviderProps = Pick<EditorProps, 'linking' | 'smartLinks' | 'UNSAFE_cards' | 'autoformattingProvider' | 'media' | 'emojiProvider' | 'mentionProvider' | 'taskDecisionProvider' | 'contextIdentifierProvider' | 'searchProvider' | 'macroProvider' | 'activityProvider' | 'collabEdit' | 'collabEditProvider' | 'presenceProvider' | 'legacyImageUploadProvider'>;
+type RequiredProviders = Complete<Omit<Providers, 'reactionsStore' | 'profilecardProvider' | 'extensionProvider' | 'quickInsertProvider'>>;
+export default function getProvidersFromEditorProps({ linking, smartLinks, UNSAFE_cards, autoformattingProvider, media, emojiProvider, mentionProvider, legacyImageUploadProvider, taskDecisionProvider, contextIdentifierProvider, searchProvider, macroProvider, activityProvider, collabEdit, collabEditProvider, presenceProvider, }: EditorProviderProps): RequiredProviders;
+export {};

package/dist/types-ts4.5/composable-editor/utils/handleProviders.d.ts

@@ -0,0 +1,12 @@
+import type { ExtensionProvider } from '@atlaskit/editor-common/extensions';
+import type { ProviderFactory, Providers, QuickInsertProvider } from '@atlaskit/editor-common/provider-factory';
+/**
+ *
+ * Utility to set all the providers on a provider factory
+ *
+ * @param providerFactory
+ * @param props
+ * @param extensionProvider
+ * @param quickInsertProvider
+ */
+export default function handleProviders(providerFactory: ProviderFactory, { emojiProvider, mentionProvider, taskDecisionProvider, contextIdentifierProvider, collabEditProvider, activityProvider, presenceProvider, macroProvider, imageUploadProvider, mediaProvider, autoformattingProvider, searchProvider, cardProvider, }: Providers, extensionProvider?: ExtensionProvider, quickInsertProvider?: Promise<QuickInsertProvider>): void;

package/dist/types-ts4.5/composable-editor/utils/sendDurationAnalytics.d.ts

@@ -0,0 +1,15 @@
+import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import type { ACTION } from '@atlaskit/editor-common/analytics';
+import type { ExperienceStore } from '@atlaskit/editor-common/ufo';
+import type { EditorProps } from '../../types/editor-props';
+/**
+ *
+ * Util function to be used with the Editor component to send duration analytics
+ *
+ * @param action
+ * @param props
+ * @param getExperienceStore return the ExperienceStore of the Editor
+ * @param getCreateAnalyticsEvent return the CreateUIAnalyticsEvent of the Editor
+ * @returns
+ */
+export default function sendDurationAnalytics(action: ACTION.EDITOR_MOUNTED | ACTION.ON_EDITOR_READY_CALLBACK, props: Pick<EditorProps, 'contextIdentifierProvider' | 'featureFlags'>, getExperienceStore: () => ExperienceStore | undefined, createAnalyticsEvent: CreateUIAnalyticsEvent | undefined): (duration: number, startTime: number) => Promise<void>;

package/dist/types-ts4.5/composable-editor/utils/trackEditorActions.d.ts

@@ -0,0 +1,29 @@
+import type { FireAnalyticsCallback } from '@atlaskit/editor-common/analytics';
+import type EditorActions from '../../actions';
+import type { PerformanceTracking } from '../../types/performance-tracking';
+/**
+ *
+ * Util function to be used with the Editor to track the EditorActions prop
+ *
+ * @param editorActions
+ * @param performanceTracking
+ * @param handleAnalyticsEvent
+ * @returns
+ */
+export default function trackEditorActions(editorActions: EditorActions & {
+    _contentRetrievalTracking?: {
+        getValueTracked: boolean;
+        samplingCounters: {
+            success: number;
+            failure: number;
+        };
+    };
+}, performanceTracking: PerformanceTracking | undefined, handleAnalyticsEvent: FireAnalyticsCallback): EditorActions<any> & {
+    _contentRetrievalTracking?: {
+        getValueTracked: boolean;
+        samplingCounters: {
+            success: number;
+            failure: number;
+        };
+    } | undefined;
+};

package/dist/types-ts4.5/composable-editor.d.ts

@@ -0,0 +1 @@
+export { ComposableEditor } from './composable-editor/editor';