@atlaskit/editor-core 186.0.0 → 187.0.0

package/dist/esm/labs/next/internal/context/shared-config.js

@@ -1,68 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-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; } }
-import React from 'react';
-import PropTypes from 'prop-types';
-
-/**
- * Provides access to most commonly used configurations and instances of classes,
- * that most editor components rely on.
- */
-
-var EditorSharedConfigContext = /*#__PURE__*/React.createContext(null);
-export var EditorSharedConfigProvider = /*#__PURE__*/function (_React$Component) {
-  _inherits(EditorSharedConfigProvider, _React$Component);
-  var _super = _createSuper(EditorSharedConfigProvider);
-  function EditorSharedConfigProvider() {
-    _classCallCheck(this, EditorSharedConfigProvider);
-    return _super.apply(this, arguments);
-  }
-  _createClass(EditorSharedConfigProvider, [{
-    key: "getChildContext",
-    value: function getChildContext() {
-      return {
-        editorSharedConfig: this.props.value
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement(EditorSharedConfigContext.Provider, {
-        value: this.props.value
-      }, this.props.children);
-    }
-  }]);
-  return EditorSharedConfigProvider;
-}(React.Component);
-_defineProperty(EditorSharedConfigProvider, "childContextTypes", {
-  editorSharedConfig: PropTypes.object
-});
-export var EditorSharedConfigConsumer = /*#__PURE__*/function (_React$Component2) {
-  _inherits(EditorSharedConfigConsumer, _React$Component2);
-  var _super2 = _createSuper(EditorSharedConfigConsumer);
-  function EditorSharedConfigConsumer() {
-    _classCallCheck(this, EditorSharedConfigConsumer);
-    return _super2.apply(this, arguments);
-  }
-  _createClass(EditorSharedConfigConsumer, [{
-    key: "render",
-    value: function render() {
-      var _this = this;
-      return /*#__PURE__*/React.createElement(EditorSharedConfigContext.Consumer, null, function (value) {
-        return _this.props.children(_this.context.editorSharedConfig || value);
-      });
-    }
-  }]);
-  return EditorSharedConfigConsumer;
-}(React.Component);
-_defineProperty(EditorSharedConfigConsumer, "contextTypes", {
-  editorSharedConfig: PropTypes.object
-});
-export var useEditorSharedConfig = function useEditorSharedConfig() {
-  return React.useContext(EditorSharedConfigContext);
-};

package/dist/esm/labs/next/internal/editor-props-type.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/labs/next/internal/hooks/use-analytics/index.js

@@ -1,34 +0,0 @@
-import React from 'react';
-import { fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
-import { analyticsEventKey } from '@atlaskit/editor-common/utils';
-
-/**
- * Subscribes to analytics events fired from editor components
- * and passes them through to `fireAnalyticsEvent`.
- */
-export function useAnalyticsHandler(editorSharedConfig) {
-  // handleAnalyticsEvent – must always be the same so we can unsubscribe from events properly.
-  var handleAnalyticsEvent = React.useCallback(function (payload) {
-    var handleAnalyticsEvent = editorSharedConfig && editorSharedConfig.dispatchAnalyticsEvent;
-    if (!handleAnalyticsEvent) {
-      return;
-    }
-    handleAnalyticsEvent(payload);
-  }, [editorSharedConfig]);
-  if (editorSharedConfig) {
-    editorSharedConfig.eventDispatcher.on(analyticsEventKey, handleAnalyticsEvent);
-  }
-  React.useEffect(function () {
-    return function () {
-      if (!editorSharedConfig || !editorSharedConfig.eventDispatcher) {
-        return;
-      }
-      editorSharedConfig.eventDispatcher.off(analyticsEventKey, handleAnalyticsEvent);
-    };
-  }, [editorSharedConfig, handleAnalyticsEvent]);
-}
-export function useCreateAnalyticsHandler(createAnalyticsEvent) {
-  // AFP-2511 TODO: Fix automatic suppressions below
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  return React.useCallback(fireAnalyticsEvent(createAnalyticsEvent), [createAnalyticsEvent]);
-}

package/dist/esm/labs/next/internal/hooks/use-editor/create-dispatch-transaction.js

@@ -1,55 +0,0 @@
-import { Node } from 'prosemirror-model';
-import { analyticsEventKey } from '@atlaskit/editor-common/utils';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE, getAnalyticsEventsFromTransaction } from '@atlaskit/editor-common/analytics';
-import { findChangedNodesFromTransaction, validateNodes, validNode } from '../../../../../utils/nodes';
-import { compose, toJSON } from '../../../../../utils';
-import { getDocStructure } from '../../../../../utils/document-logger';
-// Helper to assure correct payload when dispatch analytics
-function dispatchAnalytics(dispatch, payload) {
-  dispatch(analyticsEventKey, payload);
-}
-export function createDispatchTransaction(editorSharedConfig) {
-  return function dispatchTransaction(transaction) {
-    var editorView = editorSharedConfig.editorView,
-      onChange = editorSharedConfig.onChange,
-      transformer = editorSharedConfig.transformer,
-      dispatch = editorSharedConfig.dispatch;
-    if (!editorView) {
-      return;
-    }
-    var nodes = findChangedNodesFromTransaction(transaction);
-    if (validateNodes(nodes)) {
-      // go ahead and update the state now we know the transaction is good
-      var editorState = editorView.state.apply(transaction);
-      editorView.updateState(editorState);
-      if (onChange && transaction.docChanged) {
-        onChange(getEditorValue(editorView, transformer), {
-          source: 'local'
-        });
-      }
-    } else {
-      // If invalid document, send analytics event with the structure of the nodes
-      if (dispatch) {
-        var invalidNodes = nodes.filter(function (node) {
-          return !validNode(node);
-        }).map(function (node) {
-          return getDocStructure(node);
-        });
-        dispatchAnalytics(dispatch, {
-          action: ACTION.DISPATCHED_INVALID_TRANSACTION,
-          actionSubject: ACTION_SUBJECT.EDITOR,
-          eventType: EVENT_TYPE.OPERATIONAL,
-          attributes: {
-            analyticsEventPayloads: getAnalyticsEventsFromTransaction(transaction),
-            invalidNodes: invalidNodes
-          }
-        });
-      }
-    }
-  };
-}
-export function getEditorValue(editorView, transformer) {
-  return compose(function (doc) {
-    return transformer && transformer.encode ? transformer.encode(Node.fromJSON(editorView.state.schema, doc)) : doc;
-  }, toJSON)(editorView.state.doc);
-}

package/dist/esm/labs/next/internal/hooks/use-editor/create-editor.js

@@ -1,88 +0,0 @@
-import { EditorView } from 'prosemirror-view';
-import { EditorState } from 'prosemirror-state';
-import { EventDispatcher, createDispatch } from '../../../../../event-dispatcher';
-import { processPluginsList, createPMPlugins } from '../../../../../create-editor/create-editor';
-import { processRawValue } from '@atlaskit/editor-common/utils';
-import { createSchema } from '../../../../../create-editor/create-schema';
-export function createEditor(_ref) {
-  var context = _ref.context,
-    onAnalyticsEvent = _ref.onAnalyticsEvent,
-    transformer = _ref.transformer,
-    providerFactory = _ref.providerFactory,
-    plugins = _ref.plugins,
-    portalProviderAPI = _ref.portalProviderAPI,
-    defaultValue = _ref.defaultValue,
-    ref = _ref.ref,
-    popupsMountPoint = _ref.popupsMountPoint,
-    popupsBoundariesElement = _ref.popupsBoundariesElement,
-    popupsScrollableElement = _ref.popupsScrollableElement,
-    editorActions = _ref.editorActions,
-    disabled = _ref.disabled,
-    onChange = _ref.onChange,
-    onDestroy = _ref.onDestroy,
-    onMount = _ref.onMount,
-    featureFlags = _ref.featureFlags,
-    getIntl = _ref.getIntl;
-  if (!ref) {
-    return null;
-  }
-  var eventDispatcher = new EventDispatcher();
-  var dispatch = createDispatch(eventDispatcher);
-  var editorConfig = processPluginsList(plugins || []);
-  var schema = createSchema(editorConfig);
-  var transformerInstance = transformer && transformer(schema);
-  var pmPlugins = createPMPlugins({
-    editorConfig: editorConfig,
-    schema: schema,
-    dispatch: dispatch,
-    eventDispatcher: eventDispatcher,
-    portalProviderAPI: portalProviderAPI,
-    providerFactory: providerFactory,
-    // Required to workaround issues with multiple react trees.
-    // Though it's kinda leaking react to outside world.
-    reactContext: function reactContext() {
-      return context;
-    },
-    // TODO: ED-8133 Need to make types more generic otherwise it's not extensible.
-    dispatchAnalyticsEvent: onAnalyticsEvent,
-    performanceTracking: {},
-    featureFlags: featureFlags,
-    getIntl: getIntl
-  });
-  var state = EditorState.create({
-    schema: schema,
-    plugins: pmPlugins,
-    doc: transformerInstance ? transformerInstance.parse(defaultValue) : processRawValue(schema, defaultValue)
-  });
-  var editorView = new EditorView({
-    mount: ref
-  }, {
-    state: state,
-    attributes: {
-      'data-gramm': 'false'
-    },
-    // Ignore all transactions by default
-    dispatchTransaction: function dispatchTransaction() {},
-    // Disables the contentEditable attribute of the editor if the editor is disabled
-    editable: function editable(_state) {
-      return !!disabled;
-    }
-  });
-  return {
-    editorView: editorView,
-    transformer: transformerInstance,
-    dispatchAnalyticsEvent: onAnalyticsEvent,
-    eventDispatcher: eventDispatcher,
-    dispatch: dispatch,
-    primaryToolbarComponents: editorConfig.primaryToolbarComponents,
-    contentComponents: editorConfig.contentComponents,
-    popupsMountPoint: popupsMountPoint,
-    popupsBoundariesElement: popupsBoundariesElement,
-    popupsScrollableElement: popupsScrollableElement,
-    providerFactory: providerFactory,
-    editorActions: editorActions,
-    onChange: onChange,
-    onDestroy: onDestroy,
-    onMount: onMount
-  };
-}

package/dist/esm/labs/next/internal/hooks/use-editor/index.js

@@ -1,185 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-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) { _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 React from 'react';
-import { measureRender, getResponseEndTime, startMeasure, stopMeasure } from '@atlaskit/editor-common/utils';
-import measurements from '../../../../../utils/performance/measure-enum';
-import { getNodesCount } from '../../../../../utils';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE, PLATFORMS } from '../../../../../plugins/analytics';
-import { getEnabledFeatureFlagKeys } from '@atlaskit/editor-common/normalize-feature-flags';
-import { useAnalyticsHandler } from '../use-analytics';
-import { createDispatchTransaction } from './create-dispatch-transaction';
-import { createEditor } from './create-editor';
-import { analyticsEventKey } from '../../../../../plugins/analytics/consts';
-export function useEditor(config) {
-  startMeasure(measurements.EDITOR_MOUNTED);
-  var _useCreateEditor = useCreateEditor(config),
-    _useCreateEditor2 = _slicedToArray(_useCreateEditor, 2),
-    editorSharedConfig = _useCreateEditor2[0],
-    mountEditor = _useCreateEditor2[1];
-  useApplyEditorViewProps(editorSharedConfig, config.disabled);
-  useHandleEditorLifecycle(editorSharedConfig, config.featureFlags);
-  useAnalyticsHandler(editorSharedConfig);
-  return [editorSharedConfig, mountEditor];
-}
-
-/**
- *
- * Sub hooks ¯\_(ツ)_/¯
- *
- */
-
-/**
- * Main hook that creates an instance of EditorView, EditorSharedConfig, etc...
- */
-function useCreateEditor(config) {
-  var _React$useState = React.useState(null),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    editorSharedConfig = _React$useState2[0],
-    setEditorSharedConfig = _React$useState2[1];
-  return [editorSharedConfig,
-  // This callback is being used as `ref={callback}` on EditorContentProvider,
-  // When called with `ref` mounts editor and creates editorSharedConfig.
-  React.useCallback(function (ref) {
-    // If editorSharedConfig already exists it means that editorView is mounted
-    // and we just need to ignore this function altogether.
-    if (!ref) {
-      return;
-    }
-    setEditorSharedConfig(function (editorSharedConfig) {
-      if (!editorSharedConfig) {
-        measureRender(measurements.PROSEMIRROR_RENDERED, function (_ref) {
-          var duration = _ref.duration,
-            startTime = _ref.startTime,
-            distortedDuration = _ref.distortedDuration;
-          if (sharedConfig && sharedConfig.dispatch) {
-            sharedConfig.dispatch(analyticsEventKey, {
-              payload: {
-                action: ACTION.PROSEMIRROR_RENDERED,
-                actionSubject: ACTION_SUBJECT.EDITOR,
-                attributes: {
-                  duration: duration,
-                  distortedDuration: distortedDuration,
-                  startTime: startTime,
-                  nodes: getNodesCount(sharedConfig.editorView.state.doc),
-                  ttfb: getResponseEndTime()
-                },
-                eventType: EVENT_TYPE.OPERATIONAL
-              }
-            });
-          }
-        });
-      }
-      var sharedConfig = editorSharedConfig || createEditor(_objectSpread(_objectSpread({}, config), {}, {
-        ref: ref
-      }));
-      stopMeasure(measurements.EDITOR_MOUNTED, function (duration, startTime) {
-        if (!sharedConfig) {
-          return;
-        }
-
-        // Fire editor mounted event
-        sharedConfig.dispatch(analyticsEventKey, {
-          payload: {
-            action: ACTION.EDITOR_MOUNTED,
-            actionSubject: ACTION_SUBJECT.EDITOR,
-            attributes: {
-              duration: duration,
-              startTime: startTime
-            },
-            eventType: EVENT_TYPE.OPERATIONAL
-          }
-        });
-      });
-      return sharedConfig;
-    });
-  }, [config])];
-}
-
-/**
- * Applies updated EditorView properties e.g. set dispatchTransaction or 'disabled' state changes
- */
-function useApplyEditorViewProps(editorSharedConfig, disabled) {
-  React.useEffect(function () {
-    if (editorSharedConfig) {
-      editorSharedConfig.editorView.setProps({
-        dispatchTransaction: createDispatchTransaction(editorSharedConfig)
-      });
-      editorSharedConfig.editorView.setProps({
-        editable: function editable(_state) {
-          return !disabled;
-        }
-      });
-    }
-  }, [editorSharedConfig, disabled]);
-}
-
-/**
- * Handles editor component unmount
- */
-export function useHandleEditorLifecycle(editorSharedConfig, featureFlags) {
-  React.useEffect(function () {
-    //#region Did mount
-    if (editorSharedConfig) {
-      var onMount = editorSharedConfig.onMount,
-        editorActions = editorSharedConfig.editorActions,
-        editorView = editorSharedConfig.editorView,
-        eventDispatcher = editorSharedConfig.eventDispatcher,
-        dispatch = editorSharedConfig.dispatch;
-      editorActions._privateRegisterEditor(editorView, eventDispatcher);
-      if (onMount) {
-        onMount(editorActions);
-      }
-      var featureFlagsEnabled = featureFlags ? getEnabledFeatureFlagKeys(featureFlags) : [];
-
-      // Fire editor started event
-      dispatch(analyticsEventKey, {
-        payload: {
-          action: ACTION.STARTED,
-          actionSubject: ACTION_SUBJECT.EDITOR,
-          attributes: {
-            platform: PLATFORMS.WEB,
-            featureFlags: featureFlagsEnabled
-          },
-          eventType: EVENT_TYPE.UI
-        }
-      });
-    }
-    //#endregion
-
-    return function () {
-      if (!editorSharedConfig) {
-        return;
-      }
-      var eventDispatcher = editorSharedConfig.eventDispatcher,
-        editorView = editorSharedConfig.editorView,
-        onDestroy = editorSharedConfig.onDestroy,
-        editorActions = editorSharedConfig.editorActions;
-      if (eventDispatcher) {
-        eventDispatcher.destroy();
-      }
-      if (onDestroy) {
-        onDestroy();
-      }
-      editorActions._privateUnregisterEditor();
-      if (editorView) {
-        // Prevent any transactions from coming through when unmounting
-        editorView.setProps({
-          dispatchTransaction: function dispatchTransaction(_tr) {}
-        });
-
-        // Destroy plugin states and editor state
-        // when the editor is being unmounted
-        var editorState = editorView.state;
-        editorState.plugins.forEach(function (plugin) {
-          var state = plugin.getState(editorState);
-          if (state && state.destroy) {
-            state.destroy();
-          }
-        });
-        editorView.destroy();
-      }
-    };
-  }, [editorSharedConfig, featureFlags]);
-}

package/dist/esm/labs/next/mobile.js

@@ -1,25 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React, { useCallback } from 'react';
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { MobileAppearance } from '../../ui/AppearanceComponents/Mobile';
-import { EditorSharedConfigConsumer, Editor, EditorContent } from './Editor';
-import { useCreateAnalyticsHandler } from './internal/hooks/use-analytics';
-import { ContextAdapter } from '../../nodeviews/context-adapter';
-export function MobileEditor(props) {
-  var maxHeight = props.maxHeight,
-    createAnalyticsEvent = props.createAnalyticsEvent,
-    disabled = props.disabled;
-  var handleAnalyticsEvent = useCreateAnalyticsHandler(createAnalyticsEvent);
-  var renderWithConfig = useCallback(function (config) {
-    return /*#__PURE__*/React.createElement(MobileAppearance, {
-      editorView: config && config.editorView,
-      maxHeight: maxHeight,
-      editorDisabled: disabled
-    }, /*#__PURE__*/React.createElement(EditorContent, null));
-  }, [maxHeight, disabled]);
-  return /*#__PURE__*/React.createElement(ContextAdapter, null, /*#__PURE__*/React.createElement(Editor, _extends({}, props, {
-    onAnalyticsEvent: handleAnalyticsEvent
-  }), /*#__PURE__*/React.createElement(EditorSharedConfigConsumer, null, renderWithConfig)));
-}
-MobileEditor.displayName = 'MobileEditor';
-export var Mobile = withAnalyticsEvents()(MobileEditor);

package/dist/esm/labs/next/presets/cxhtml.js

@@ -1,108 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-// #region Imports
-import React from 'react';
-
-//import { tablesPlugin } from '@atlaskit/editor-plugin-table';
-//
-//import {
-//  panelPlugin,
-//  listPlugin,
-//  textColorPlugin,
-//  breakoutPlugin,
-//  jiraIssuePlugin,
-//  extensionPlugin,
-//  rulePlugin,
-//  datePlugin,
-//  layoutPlugin,
-//  indentationPlugin,
-//  cardPlugin,
-//  statusPlugin,
-//  mediaPlugin,
-//  mentionsPlugin,
-//  tasksAndDecisionsPlugin,
-//  insertBlockPlugin,
-//  basePlugin,
-//  //placeholderPlugin,
-//} from '../../../plugins';
-import { PresetProvider } from '../Editor';
-import { useDefaultPreset } from './default';
-// #endregion
-
-export function useCXHTMLPreset(_ref) {
-  var mentionProvider = _ref.mentionProvider,
-    mediaProvider = _ref.mediaProvider,
-    placeholder = _ref.placeholder,
-    featureFlags = _ref.featureFlags;
-  var _useDefaultPreset = useDefaultPreset({
-      featureFlags: featureFlags,
-      paste: {}
-    }),
-    _useDefaultPreset2 = _slicedToArray(_useDefaultPreset, 1),
-    defaultPreset = _useDefaultPreset2[0];
-  var preset = defaultPreset;
-  //.add([
-  //  basePlugin,
-  //  {
-  //    allowInlineCursorTarget: true,
-  //    allowScrollGutter: {
-  //      getScrollElement: (_view) =>
-  //        document.querySelector('.fabric-editor-popup-scroll-parent') ||
-  //        null,
-  //    },
-  //  },
-  //])
-  //.add([tablesPlugin, { tableOptions: { advanced: true } }])
-  //.add([panelPlugin, { allowCustomPanel: true }])
-  //.add(listPlugin)
-  //.add(textColorPlugin)
-  //.add(breakoutPlugin)
-  //.add(jiraIssuePlugin)
-  //.add(extensionPlugin)
-  //.add(rulePlugin)
-  //.add(datePlugin)
-  //.add(layoutPlugin)
-  //.add(indentationPlugin)
-  //.add([cardPlugin, { allowBlockCards: true, platform: 'web' }])
-  //.add([statusPlugin, { menuDisabled: false }])
-  //.add(tasksAndDecisionsPlugin)
-  //.add(insertBlockPlugin)
-  ////.add([placeholderPlugin, { placeholder }])
-  //.maybeAdd(mentionsPlugin, (plugin, builder) => {
-  //  if (mentionProvider) {
-  //    return builder.add(plugin);
-  //  }
-  //  return builder;
-  //})
-  //.maybeAdd(mediaPlugin, (plugin, builder) => {
-  //  if (mediaProvider) {
-  //    preset.add([
-  //      plugin,
-  //      {
-  //        provider: mediaProvider,
-  //        allowMediaSingle: true,
-  //        allowMediaGroup: true,
-  //        allowResizing: true,
-  //        allowLinking: true,
-  //        allowResizingInTables: true,
-  //        allowAltTextOnImages: true,
-  //      },
-  //    ]);
-  //  }
-  //  return builder;
-  //});
-
-  return [preset];
-}
-export function EditorPresetCXHTML(props) {
-  var children = props.children,
-    excludes = props.excludes;
-  var _useCXHTMLPreset = useCXHTMLPreset(props),
-    _useCXHTMLPreset2 = _slicedToArray(_useCXHTMLPreset, 1),
-    preset = _useCXHTMLPreset2[0];
-  var plugins = preset.build({
-    excludePlugins: excludes
-  });
-  return /*#__PURE__*/React.createElement(PresetProvider, {
-    value: plugins
-  }, children);
-}