@atlaskit/editor-core 191.0.9 → 191.1.3

package/docs/1-legacy-editor.tsx

@@ -0,0 +1,268 @@
+import React from 'react';
+import {
+  md,
+  code,
+  Example,
+  Props,
+  AtlassianInternalWarning,
+} from '@atlaskit/docs';
+
+export default md`
+${(<AtlassianInternalWarning />)}
+
+  ### Note:
+
+  Don't forget to add these polyfills to your product build if you're using emoji or mentions in the editor and you want to target older browsers:
+
+  * Promise ([polyfill](https://www.npmjs.com/package/es6-promise), [browser support](http://caniuse.com/#feat=promises))
+  * Fetch API ([polyfill](https://www.npmjs.com/package/whatwg-fetch), [browser support](http://caniuse.com/#feat=fetch))
+  * Element.closest ([polyfill](https://www.npmjs.com/package/element-closest), [browser support](http://caniuse.com/#feat=element-closest))
+
+  # Installing the editor package
+
+  The dependencies of editor is a complex beast and can confuse some package managers (\`npm\` does not seem to result in duplicates, but \`yarn\` does).
+
+  We have encountered many strange bugs that were caused by duplicated packages in a product codebase. It is highly recommend to deduplicate packages to work around the yarn bug.
+
+  Be sure to dedupe your packages after adding or upgrading \`@atlaskit/editor-core\` in your package.json file. Our recommendation is to use [yarn-deduplicate](https://www.npmjs.com/package/yarn-deduplicate).
+
+  # Starting to use the editor
+
+  ## Simplest Editor
+
+  The simplest editor in the world is just:
+
+${code`
+  import { Editor } from '@atlaskit/editor-core';
+
+  <Editor appearance="comment" />;
+`}
+
+  This will render the comment editor with only text formatting (bold / italics / underline / superscript/subscript) enabled.
+
+  You can enable more functionality in the editor via passing extra props.
+
+  ## Editor with mentions
+
+  To add mention capabilities to the editor, you will need to pass in a "Mention Provider". At a high level, this is simply an object that will allow us to interface whatever mention source you want to use with the editor. This looks like:
+
+${code`
+  import { Editor } from '@atlaskit/editor-core';
+  import mentionProvider from './mentionProvider';
+
+  <Editor
+    appearance="comment"
+    mentionProvider={mentionProvider.get()}
+  />;
+`}
+
+  ## Collapsed Editor
+
+  Sometimes we don't want to show the whole editor at the start and instead show a collapsed state for a user to click on to start typing. This looks like:
+
+${code`
+  import { Editor, CollapsedEditor } from '@atlaskit/editor-core';
+
+  class CollapsibleEditor extends React.Component {
+    state = { isExpanded: false };
+
+    expandEditor = () => this.setState({ isExpanded: true });
+    collapseEditor = () => this.setState({ isExpanded: false });
+
+    onSave = () => {
+      /* do something */
+    };
+
+    render() {
+      return (
+        <CollapsedEditor
+          placeholder="What would you like to say?"
+          isExpanded={this.state.isExpanded}
+          onFocus={this.expandEditor}
+        >
+          <Editor
+            appearance="comment"
+            onSave={this.onSave}
+            onCancel={this.collapseEditor}
+          />
+        </CollapsedEditor>
+      );
+    }
+  }
+`}
+
+  ## What is EditorContext?!?!
+
+  EditorContext allows you, in conjunction with WithEditorActions, to manipulate the editor from anywhere inside the EditorContext. In the example below, notice that no reference is kept to the editor instance.
+
+${code`
+  import { EditorContext, WithEditorActions } from '@atlaskit/editor-core';
+  import { CollapsibleEditor } from 'previous-example';
+
+  <EditorContext>
+    <div>
+      <CollapsibleEditor />
+      <WithEditorActions
+        render={actions => (
+          <ButtonGroup>
+            <Button onClick={() => actions.clear()}>Clear Editor</Button>
+            <Button onClick={() => actions.focus()}>Focus Editor</Button>
+          </ButtonGroup>
+        )}
+      />
+    </div>
+  </EditorContext>;
+`}
+
+  ## How can I set the content of the editor?
+
+  There's two ways at the moment. It depends on whether the editor is mounted yet or not.
+
+  ### If the editor is not mounted
+
+  You can just pass through the value you want to set the editor to, as the \`defaultValue\` prop
+
+  ### If the Editor is Mounted
+
+  You can use \`WithEditorActions\` and \`actions.replaceDocument(documentValueHere)\` together
+
+  ## Using a non-'Atlassian Document Format' storage format
+
+  Using a custom storage format is fairly straightforward - you simply have to import the relevant transformer and pass it through to the editor. That's all!
+
+${code`
+  import { Editor, BitbucketTransformer } from '@atlaskit/editor-core';
+
+  <Editor
+    appearance="comment"
+    contentTransformerProvider={schema => new BitbucketTransformer(schema)}
+  />;
+`}
+
+  ## Example saving content
+
+  If you want an example of actually using \`WithEditorActions\` to save content, you've got it!
+
+${code`
+  class SaveExample extends React.Component {
+    onSubmit = actions => editorView => {
+      actions.getValue().then(value => {
+        if (value != null) {
+          dispatch({ type: 'SAVE_COMMENT', payload: value });
+        }
+      })
+    }
+
+    render() {
+      return (
+        <EditorContext>
+          <WithEditorActions
+            render={actions => (
+              <Editor
+                appearance="comment"
+                onSave={this.onSubmit(actions)}
+              />
+            )}
+          />
+        </EditorContext>
+      )
+    }
+`}
+
+  alternatively
+
+${code`
+  class EditorWrapper extends React.Component {
+    propTypes = { actions: PropTypes.object };
+
+    onSubmit = () => {
+      this.props.actions.getValue().then(value => {
+        if (value != null) {
+          dispatch({ type: 'SAVE_COMMENT', payload: value });
+        }
+      });
+    };
+
+    render() {
+      return (
+        <Editor
+          appearance="comment"
+          onSave={this.onSubmit}
+        />
+      );
+    }
+  }
+
+  class SaveExample extends React.Component {
+    render() {
+      return (
+        <EditorContext>
+          <WithEditorActions
+            render={actions => <EditorWrapper actions={actions} />}
+          />
+        </EditorContext>
+      );
+    }
+  }
+`}
+
+  We’d love to hear your feedback.
+
+  ## Theming and dark mode support
+  To render certain ADF content correctly in different color themes, such as light and dark mode, this package utilise
+  the \`@atlaskit/editor-palette\` package, which converts colors stored in ADF to Atlassian Design Tokens.
+  Learn more about this utility in the [Editor Palette docs](/packages/editor/editor-palette).
+
+  Full light and dark mode support for the Editor is a work in progress. Currently, the following experiences do not yet support theming:
+  - Custom table backgrounds
+
+  ## Tab indexing / focus
+  If you are displaying a title you may need to listen for a tab event to
+  explicitly enable and focus the editor.
+
+  Shift + Tab will move from the title bar to the toolbar preserving tab order.
+
+  See the Full Page Example code for a complete implementation.
+
+  For example:
+
+${code`
+  <WithEditorActions
+
+    render={actions => (
+      <TitleInput
+        placeholder="Give this page a title..."
+        onKeyDown={(e: KeyboardEvent) =>
+          this.onKeyPressed(e, actions)
+        }
+      />
+    )}
+  />
+`}
+
+${code`
+  private onKeyPressed = (e: KeyboardEvent, actions: EditorActions) => {
+    if (e.key === 'Tab' && !e.shiftKey) {
+      actions.focus();
+      return false;
+    }
+  };
+`}
+
+${(
+  <Example
+    packageName="@atlaskit/editor-core"
+    Component={require('../examples/1-basic').default}
+    title="Basic"
+    source={require('!!raw-loader!../examples/1-basic')}
+  />
+)}
+
+  ${(
+    <Props
+      shouldCollapseProps
+      heading="Props"
+      props={require('!!extract-react-types-loader!../src/editor')}
+    />
+  )}
+`;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "191.0.9",
+  "version": "191.1.3",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
-  "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
+  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
   "main": "dist/cjs/index.js",
@@ -45,14 +45,13 @@
     "@atlaskit/analytics-namespaced-context": "^6.9.0",
     "@atlaskit/analytics-next": "^9.1.0",
     "@atlaskit/analytics-next-stable-react-context": "1.0.1",
-    "@atlaskit/avatar": "^21.4.0",
-    "@atlaskit/avatar-group": "^9.5.0",
     "@atlaskit/button": "^17.2.0",
     "@atlaskit/editor-common": "^76.39.0",
     "@atlaskit/editor-json-transformer": "^8.10.0",
     "@atlaskit/editor-plugin-alignment": "^0.1.0",
     "@atlaskit/editor-plugin-analytics": "^0.4.0",
     "@atlaskit/editor-plugin-annotation": "^0.1.0",
+    "@atlaskit/editor-plugin-avatar-group": "^0.1.0",
     "@atlaskit/editor-plugin-base": "^0.3.0",
     "@atlaskit/editor-plugin-before-primary-toolbar": "^0.1.0",
     "@atlaskit/editor-plugin-better-type-history": "^0.1.0",
@@ -125,7 +124,7 @@
     "@atlaskit/emoji": "^67.6.0",
     "@atlaskit/icon": "^22.0.0",
     "@atlaskit/logo": "^13.15.0",
-    "@atlaskit/media-card": "^77.6.0",
+    "@atlaskit/media-card": "^77.7.0",
     "@atlaskit/mention": "^22.1.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/spinner": "^16.0.0",
@@ -160,9 +159,10 @@
     "@af/visual-regression": "*",
     "@atlaskit/adf-utils": "^19.0.0",
     "@atlaskit/analytics-listeners": "^8.9.0",
+    "@atlaskit/avatar": "^21.4.0",
     "@atlaskit/checkbox": "^13.0.0",
     "@atlaskit/code": "^15.1.0",
-    "@atlaskit/collab-provider": "9.21.2",
+    "@atlaskit/collab-provider": "9.21.3",
     "@atlaskit/dropdown-menu": "^12.1.0",
     "@atlaskit/editor-extension-dropbox": "^0.4.0",
     "@atlaskit/editor-palette": "1.5.2",
@@ -184,7 +184,7 @@
     "@atlaskit/visual-regression": "*",
     "@atlassian/adf-schema-json": "^1.0.7",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
-    "@atlassian/editor-extension-link-create": "^1.1.0",
+    "@atlassian/editor-extension-link-create": "^1.2.0",
     "@atlassian/feature-flags-test-utils": "^0.1.1",
     "@atlassian/link-picker-plugins": "^24.0.0",
     "@atlassian/search-provider": "2.4.11",

package/dist/cjs/plugins/avatar-group/index.js

@@ -1,40 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _AvatarGroupPluginWrapper = _interopRequireDefault(require("./ui/AvatarGroupPluginWrapper"));
-var avatarGroup = function avatarGroup(_ref) {
-  var _api$featureFlags;
-  var props = _ref.config,
-    api = _ref.api;
-  var featureFlags = (api === null || api === void 0 || (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
-  return {
-    name: 'avatarGroup',
-    primaryToolbarComponent: function primaryToolbarComponent(_ref2) {
-      var _api$analytics;
-      var editorView = _ref2.editorView,
-        popupsMountPoint = _ref2.popupsMountPoint,
-        popupsBoundariesElement = _ref2.popupsBoundariesElement,
-        popupsScrollableElement = _ref2.popupsScrollableElement,
-        disabled = _ref2.disabled,
-        isToolbarReducedSpacing = _ref2.isToolbarReducedSpacing,
-        eventDispatcher = _ref2.eventDispatcher,
-        dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent;
-      return /*#__PURE__*/_react.default.createElement(_AvatarGroupPluginWrapper.default, {
-        dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-        editorView: editorView,
-        eventDispatcher: eventDispatcher,
-        collabEdit: props === null || props === void 0 ? void 0 : props.collabEdit,
-        takeFullWidth: props === null || props === void 0 ? void 0 : props.takeFullWidth,
-        featureFlags: featureFlags,
-        editorAnalyticsAPI: api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions,
-        editorAPI: api
-      });
-    }
-  };
-};
-var _default = exports.default = avatarGroup;

package/dist/cjs/plugins/avatar-group/messages.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.avatarGroupMessages = void 0;
-var _reactIntlNext = require("react-intl-next");
-var avatarGroupMessages = exports.avatarGroupMessages = (0, _reactIntlNext.defineMessages)({
-  editors: {
-    id: 'fabric.editor.editors',
-    defaultMessage: 'Editors',
-    description: 'classifying the people that are currently editing the document'
-  }
-});

package/dist/cjs/plugins/avatar-group/ui/AvatarGroupPluginWrapper.js

@@ -1,49 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
-var _avatarsWithPluginState = _interopRequireDefault(require("./avatars-with-plugin-state"));
-var _reactIntlNext = require("react-intl-next");
-var _messages = require("../messages");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _templateObject, _templateObject2;
-/** @jsx jsx */
-var toolbarButtonWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: flex-end;\n  flex-grow: 0;\n  align-items: center;\n  & > div {\n    margin-right: 0;\n  }\n"])));
-var toolbarButtonWrapperFullWidth = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  flex-grow: 1;\n"])), toolbarButtonWrapper);
-var AvatarGroupPluginWrapper = function AvatarGroupPluginWrapper(props) {
-  var dispatchAnalyticsEvent = props.dispatchAnalyticsEvent,
-    featureFlags = props.featureFlags;
-  var intl = (0, _reactIntlNext.useIntl)();
-  (0, _react.useEffect)(function () {
-    if (!dispatchAnalyticsEvent) {
-      return;
-    }
-    dispatchAnalyticsEvent({
-      action: _analytics.ACTION.VIEWED,
-      actionSubject: _analytics.ACTION_SUBJECT.BUTTON,
-      actionSubjectId: _analytics.ACTION_SUBJECT_ID.AVATAR_GROUP_PLUGIN,
-      eventType: _analytics.EVENT_TYPE.UI
-    });
-  }, [dispatchAnalyticsEvent]);
-  return (0, _react2.jsx)("div", {
-    "aria-label": intl.formatMessage(_messages.avatarGroupMessages.editors),
-    "data-testid": 'avatar-group-in-plugin',
-    css: props.takeFullWidth ? toolbarButtonWrapperFullWidth : toolbarButtonWrapper
-  }, (0, _react2.jsx)(_avatarsWithPluginState.default, {
-    editorView: props.editorView,
-    eventDispatcher: props.eventDispatcher,
-    inviteToEditComponent: props.collabEdit && props.collabEdit.inviteToEditComponent,
-    inviteToEditHandler: props.collabEdit && props.collabEdit.inviteToEditHandler,
-    isInviteToEditButtonSelected: props.collabEdit && props.collabEdit.isInviteToEditButtonSelected,
-    featureFlags: featureFlags,
-    editorAnalyticsAPI: props.editorAnalyticsAPI,
-    editorAPI: props.editorAPI
-  }));
-};
-var _default = exports.default = AvatarGroupPluginWrapper;

package/dist/cjs/plugins/avatar-group/ui/avatars-with-plugin-state.js

@@ -1,42 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
-var _messages = _interopRequireDefault(require("../../../messages"));
-var _avatars = require("./avatars");
-var _inviteToEdit = require("./invite-to-edit");
-var _hooks = require("@atlaskit/editor-common/hooks");
-var AvatarsWithPluginState = function AvatarsWithPluginState(props) {
-  var title = props.intl.formatMessage(_messages.default.inviteToEditButtonTitle);
-  var selected = props.isInviteToEditButtonSelected,
-    onClick = props.inviteToEditHandler,
-    Component = props.inviteToEditComponent,
-    editorView = props.editorView,
-    featureFlags = props.featureFlags,
-    editorAnalyticsAPI = props.editorAnalyticsAPI,
-    editorAPI = props.editorAPI;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(editorAPI, ['collabEdit']),
-    collabEditState = _useSharedPluginState.collabEditState;
-  if (!collabEditState) {
-    return null;
-  }
-  return /*#__PURE__*/_react.default.createElement(_avatars.Avatars, {
-    sessionId: collabEditState.sessionId,
-    participants: collabEditState.activeParticipants,
-    editorView: editorView,
-    featureFlags: featureFlags,
-    editorAnalyticsAPI: editorAnalyticsAPI,
-    editorAPI: editorAPI
-  }, /*#__PURE__*/_react.default.createElement(_inviteToEdit.InviteToEditButton, {
-    title: title,
-    selected: selected,
-    onClick: onClick,
-    Component: Component
-  }));
-};
-var _default = exports.default = (0, _reactIntlNext.injectIntl)(AvatarsWithPluginState);

package/dist/cjs/plugins/avatar-group/ui/avatars.js

@@ -1,70 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.scrollToCollabCursor = exports.Avatars = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
-var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group"));
-var _state = require("@atlaskit/editor-prosemirror/state");
-var _styles = require("./styles");
-var _toAvatar = _interopRequireDefault(require("./to-avatar"));
-var _analytics2 = require("@atlaskit/editor-common/analytics");
-/** @jsx jsx */
-
-var scrollToCollabCursor = exports.scrollToCollabCursor = function scrollToCollabCursor(editorView, participants, sessionId, index, editorAnalyticsAPI) {
-  var selectedUser = participants[index];
-  if (selectedUser && selectedUser.cursorPos !== undefined && selectedUser.sessionId !== sessionId) {
-    var state = editorView.state;
-    var tr = state.tr;
-    var analyticsPayload = {
-      action: _analytics2.ACTION.MATCHED,
-      actionSubject: _analytics2.ACTION_SUBJECT.SELECTION,
-      eventType: _analytics2.EVENT_TYPE.TRACK
-    };
-    tr.setSelection(_state.Selection.near(tr.doc.resolve(selectedUser.cursorPos)));
-    editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(analyticsPayload)(tr);
-    tr.scrollIntoView();
-    editorView.dispatch(tr);
-    if (!editorView.hasFocus()) {
-      editorView.focus();
-    }
-  }
-};
-var Avatars = exports.Avatars = /*#__PURE__*/_react.default.memo(function (props) {
-  var _props$participants;
-  var sessionId = props.sessionId,
-    editorView = props.editorView,
-    featureFlags = props.featureFlags,
-    editorAPI = props.editorAPI;
-  var participants = (_props$participants = props.participants) === null || _props$participants === void 0 ? void 0 : _props$participants.toArray();
-  var avatars = participants.sort(function (p) {
-    return p.sessionId === sessionId ? -1 : 1;
-  }).map(function (participant) {
-    return (0, _toAvatar.default)(participant, editorAPI);
-  });
-  if (!avatars.length) {
-    return null;
-  }
-  return (0, _react2.jsx)("div", {
-    css: _styles.avatarContainer
-  }, (0, _react2.jsx)(_avatarGroup.default, {
-    appearance: "stack",
-    size: "medium",
-    data: avatars,
-    maxCount: 3,
-    onAvatarClick: function onAvatarClick(_event, _analytics, index) {
-      if (!editorView) {
-        return;
-      }
-      var allowCollabAvatarScroll = featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.collabAvatarScroll;
-
-      // user does not need to scroll to their own position (index 0)
-      if (allowCollabAvatarScroll && index > 0) {
-        scrollToCollabCursor(editorView, participants, props.sessionId, index, props.editorAnalyticsAPI);
-      }
-    }
-  }), props.children);
-});

package/dist/cjs/plugins/avatar-group/ui/colored-avatar-item.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ColoredAvatarItem = void 0;
-var _react = require("@emotion/react");
-var _styles = require("./styles");
-var _colors = require("@atlaskit/theme/colors");
-/** @jsx jsx */
-
-var ColoredAvatarItem = exports.ColoredAvatarItem = function ColoredAvatarItem(props) {
-  var _props$api;
-  var color = (_props$api = props.api) === null || _props$api === void 0 || (_props$api = _props$api.collabEdit) === null || _props$api === void 0 || (_props$api = _props$api.actions) === null || _props$api === void 0 ? void 0 : _props$api.getAvatarColor(props.sessionId).color.solid;
-  var avatar = props.name.substr(0, 1).toUpperCase();
-  return (0, _react.jsx)("div", {
-    css: (0, _styles.badge)(color || _colors.R100),
-    "data-testid": "editor-collab-badge"
-  }, avatar);
-};

package/dist/cjs/plugins/avatar-group/ui/index.js

@@ -1,9 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _avatarsWithPluginState = _interopRequireDefault(require("./avatars-with-plugin-state"));
-var _default = exports.default = _avatarsWithPluginState.default;

package/dist/cjs/plugins/avatar-group/ui/invite-to-edit.js

@@ -1,45 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InviteToEditButton = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@emotion/react");
-var _add = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/add"));
-var _ToolbarButton = _interopRequireDefault(require("../../../ui/ToolbarButton"));
-var _styles = require("./styles");
-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; }
-/** @jsx jsx */
-
-var ID = function ID(props) {
-  return (0, _react2.jsx)(_react.Fragment, null, props.children);
-};
-var InviteToEditButton = exports.InviteToEditButton = function InviteToEditButton(props) {
-  var Component = props.Component,
-    onClick = props.onClick,
-    selected = props.selected,
-    title = props.title;
-  var iconBefore = _react.default.useMemo(function () {
-    return (0, _react2.jsx)(_add.default, {
-      label: title
-    });
-  }, [title]);
-  if (!Component && !onClick) {
-    return null;
-  }
-  var Wrapper = Component ? Component : ID;
-  return (0, _react2.jsx)("div", {
-    css: _styles.inviteTeamWrapper
-  }, (0, _react2.jsx)(Wrapper, null, (0, _react2.jsx)(_ToolbarButton.default, {
-    className: "invite-to-edit",
-    onClick: onClick,
-    selected: selected,
-    title: title,
-    titlePosition: "bottom",
-    iconBefore: iconBefore
-  })));
-};

package/dist/cjs/plugins/avatar-group/ui/styles.js

@@ -1,17 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.inviteTeamWrapper = exports.badge = exports.avatarContainer = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = require("@emotion/react");
-var _colors = require("@atlaskit/theme/colors");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _templateObject, _templateObject2, _templateObject3;
-var inviteTeamWrapper = exports.inviteTeamWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background: ", ";\n  border-radius: 50%;\n  min-width: ", ";\n  margin-left: ", ";\n"])), "var(--ds-background-neutral, ".concat(_colors.N20, ")"), "var(--ds-space-400, 32px)", "var(--ds-space-negative-050, -4px)");
-var avatarContainer = exports.avatarContainer = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-right: ", ";\n  display: flex;\n  align-items: center;\n\n  // ED-13102: This is to override list styles that come from the\n  // .wiki-content class in Confluence that should not apply within\n  // the toolbar. Has to be extra specific to override.\n  && > ul {\n    list-style-type: none;\n  }\n\n  div:last-child button.invite-to-edit {\n    border-radius: 50%;\n    height: 32px;\n    width: 32px;\n    padding: ", ";\n  }\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-025, 2px)");
-var badge = exports.badge = function badge(color) {
-  return (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: block;\n  position: absolute;\n  right: 1px;\n  bottom: 1px;\n  width: 13px;\n  height: 13px;\n  z-index: ", ";\n  border-radius: 3px;\n  background: ", ";\n  color: ", ";\n  font-size: ", ";\n  line-height: 0;\n  padding-top: 7px;\n  text-align: center;\n  box-shadow: 0 0 1px ", ";\n  box-sizing: border-box;\n"])), _editorSharedStyles.akEditorSmallZIndex, color, "var(--ds-text-inverse, #fff)", (0, _editorSharedStyles.relativeFontSizeToBase16)(9), "var(--ds-border-inverse, #fff)");
-};

package/dist/cjs/plugins/avatar-group/ui/to-avatar.js

@@ -1,30 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireDefault(require("react"));
-var _memoizeOne = _interopRequireDefault(require("memoize-one"));
-var _coloredAvatarItem = require("./colored-avatar-item");
-var toAvatar = function toAvatar(participant, api) {
-  return {
-    name: participant.name,
-    src: participant.avatar,
-    size: 'medium',
-    presence: /*#__PURE__*/_react.default.createElement(_coloredAvatarItem.ColoredAvatarItem, {
-      api: api,
-      name: participant.name,
-      sessionId: participant.sessionId
-    })
-  };
-};
-var _default = exports.default = (0, _memoizeOne.default)(toAvatar, function participantEquals(_ref, _ref2) {
-  var _ref3 = (0, _slicedToArray2.default)(_ref, 1),
-    a = _ref3[0];
-  var _ref4 = (0, _slicedToArray2.default)(_ref2, 1),
-    b = _ref4[0];
-  return a.name === b.name && a.avatar === b.avatar && a.sessionId === b.sessionId;
-});