@atlaskit/editor-core 162.0.1 → 163.0.0

package/dist/esm/plugins/media/toolbar/annotation.js

@@ -1,218 +0,0 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-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 AnnotateIcon from '@atlaskit/icon/glyph/media-services/annotate';
-import { getMediaClient } from '@atlaskit/media-client';
-import Button from '../../floating-toolbar/ui/Button';
-import Separator from '../../floating-toolbar/ui/Separator';
-import { stateKey } from '../pm-plugins/plugin-key';
-import { openMediaEditor } from '../commands/media-editor';
-import { withAnalytics, ACTION_SUBJECT_ID, ACTION_SUBJECT, ACTION, EVENT_TYPE } from '../../../plugins/analytics';
-import { toolbarMessages } from './toolbar-messages';
-
-var annotate = function annotate(state, dispatch) {
-  var pluginState = stateKey.getState(state);
-
-  if (!pluginState) {
-    return false;
-  }
-
-  var mediaSingle = state.schema.nodes.mediaSingle;
-  var selected = pluginState.selectedMediaContainerNode();
-
-  if (!selected || selected.type !== mediaSingle) {
-    return false;
-  }
-
-  var _attrs = selected.firstChild.attrs,
-      id = _attrs.id,
-      collectionName = _attrs.collection,
-      occurrenceKey = _attrs.occurrenceKey;
-  return withAnalytics({
-    action: ACTION.CLICKED,
-    actionSubject: ACTION_SUBJECT.MEDIA,
-    actionSubjectId: ACTION_SUBJECT_ID.ANNOTATE_BUTTON,
-    eventType: EVENT_TYPE.UI
-  })(openMediaEditor(state.selection.from + 1, {
-    id: id,
-    collectionName: collectionName,
-    mediaItemType: 'file',
-    occurrenceKey: occurrenceKey
-  }))(state, dispatch);
-};
-
-export var AnnotationToolbar = /*#__PURE__*/function (_React$Component) {
-  _inherits(AnnotationToolbar, _React$Component);
-
-  var _super = _createSuper(AnnotationToolbar);
-
-  function AnnotationToolbar() {
-    var _this;
-
-    _classCallCheck(this, AnnotationToolbar);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      isImage: false
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onClickAnnotation", function () {
-      var view = _this.props.view;
-
-      if (view) {
-        annotate(view.state, view.dispatch);
-      }
-    });
-
-    return _this;
-  }
-
-  _createClass(AnnotationToolbar, [{
-    key: "componentDidMount",
-    value: function () {
-      var _componentDidMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.next = 2;
-                return this.checkIsImage();
-
-              case 2:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, this);
-      }));
-
-      function componentDidMount() {
-        return _componentDidMount.apply(this, arguments);
-      }
-
-      return componentDidMount;
-    }()
-  }, {
-    key: "checkIsImage",
-    value: function () {
-      var _checkIsImage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-        var mediaClient, state;
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                mediaClient = getMediaClient(this.props.viewMediaClientConfig);
-
-                if (this.props.id) {
-                  _context2.next = 3;
-                  break;
-                }
-
-                return _context2.abrupt("return");
-
-              case 3:
-                _context2.prev = 3;
-                _context2.next = 6;
-                return mediaClient.file.getCurrentState(this.props.id, {
-                  collectionName: this.props.collection
-                });
-
-              case 6:
-                state = _context2.sent;
-
-                if (state && state.status !== 'error' && state.mediaType === 'image') {
-                  this.setState({
-                    isImage: true
-                  });
-                }
-
-                _context2.next = 12;
-                break;
-
-              case 10:
-                _context2.prev = 10;
-                _context2.t0 = _context2["catch"](3);
-
-              case 12:
-              case "end":
-                return _context2.stop();
-            }
-          }
-        }, _callee2, this, [[3, 10]]);
-      }));
-
-      function checkIsImage() {
-        return _checkIsImage.apply(this, arguments);
-      }
-
-      return checkIsImage;
-    }()
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var _this2 = this;
-
-      if (prevProps.id !== this.props.id) {
-        this.setState({
-          isImage: false
-        }, function () {
-          _this2.checkIsImage();
-        });
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      if (!this.state.isImage) {
-        return null;
-      }
-
-      var intl = this.props.intl;
-      var title = intl.formatMessage(toolbarMessages.annotate);
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Separator, null), /*#__PURE__*/React.createElement(Button, {
-        title: title,
-        icon: /*#__PURE__*/React.createElement(AnnotateIcon, {
-          label: title
-        }),
-        onClick: this.onClickAnnotation
-      }));
-    }
-  }]);
-
-  return AnnotationToolbar;
-}(React.Component);
-export var renderAnnotationButton = function renderAnnotationButton(pluginState, intl) {
-  return function (view, idx) {
-    var selectedContainer = pluginState.selectedMediaContainerNode();
-
-    if (!selectedContainer || !pluginState.mediaClientConfig) {
-      return null;
-    }
-
-    return /*#__PURE__*/React.createElement(AnnotationToolbar, {
-      key: idx,
-      viewMediaClientConfig: pluginState.mediaClientConfig,
-      id: selectedContainer.firstChild.attrs.id,
-      collection: selectedContainer.firstChild.attrs.collection,
-      view: view,
-      intl: intl
-    });
-  };
-};

package/dist/esm/plugins/media/ui/MediaEditor.js

@@ -1,76 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-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 { SmartMediaEditor } from '@atlaskit/media-editor';
-import { uploadAnnotation, closeMediaEditor } from '../commands/media-editor';
-
-var MediaEditor = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(MediaEditor, _React$PureComponent);
-
-  var _super = _createSuper(MediaEditor);
-
-  function MediaEditor() {
-    var _this;
-
-    _classCallCheck(this, MediaEditor);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "onUploadStart", function (newFileIdentifier, dimensions) {
-      var _this$props$view = _this.props.view,
-          state = _this$props$view.state,
-          dispatch = _this$props$view.dispatch;
-      uploadAnnotation(newFileIdentifier, dimensions)(state, dispatch);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onClose", function () {
-      var _this$props$view2 = _this.props.view,
-          state = _this$props$view2.state,
-          dispatch = _this$props$view2.dispatch;
-      closeMediaEditor()(state, dispatch);
-    });
-
-    return _this;
-  }
-
-  _createClass(MediaEditor, [{
-    key: "render",
-    value: function render() {
-      var _this$props$mediaEdit = this.props.mediaEditorState,
-          editor = _this$props$mediaEdit.editor,
-          mediaClientConfig = _this$props$mediaEdit.mediaClientConfig;
-
-      if (!editor || !mediaClientConfig) {
-        return null;
-      }
-
-      var identifier = editor.identifier;
-      return /*#__PURE__*/React.createElement(SmartMediaEditor, {
-        identifier: identifier,
-        mediaClientConfig: mediaClientConfig,
-        onUploadStart: this.onUploadStart,
-        onClose: this.onClose
-      });
-    }
-  }]);
-
-  return MediaEditor;
-}(React.PureComponent);
-
-_defineProperty(MediaEditor, "displayName", 'MediaEditor');
-
-export { MediaEditor as default };

package/dist/esm/utils/compare.js

@@ -1,115 +0,0 @@
-import _typeof from "@babel/runtime/helpers/typeof";
-import React from 'react';
-export var getKeys = Object.keys;
-export var getKeysAddedRemovedCommon = function getKeysAddedRemovedCommon(object1, object2) {
-  var oldKeys = object1 !== null ? getKeys(object1) : [];
-  var newKeys = object2 !== null ? getKeys(object2) : [];
-  var removed = oldKeys.filter(function (key) {
-    return !newKeys.includes(key);
-  });
-  var added = newKeys.filter(function (key) {
-    return !oldKeys.includes(key);
-  });
-  var common = oldKeys.filter(function (key) {
-    return newKeys.includes(key);
-  });
-  return {
-    added: added,
-    common: common,
-    removed: removed
-  };
-};
-export var serializeValue = function serializeValue(value) {
-  var valueType = _typeof(value);
-
-  if (value === null) {
-    return 'null';
-  } else if (value === undefined) {
-    return 'undefined';
-  } else if (valueType === 'string' || valueType === 'number') {
-    return value;
-  } else if (valueType === 'symbol') {
-    return value.toString();
-  } // Calling toString of function returns whole function text with body.
-  // So, just return function with name.
-  else if (valueType === 'function') {
-    return "function:".concat(value.name);
-  } else if (valueType === 'object') {
-    return {
-      type: 'object',
-      keys: Object.keys(value)
-    };
-  }
-};
-export var getPropsDifference = function getPropsDifference(object1, object2) {
-  var curDepth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-  var maxDepth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 2;
-  var keysToIgnore = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
-
-  var _getKeysAddedRemovedC = getKeysAddedRemovedCommon(object1, object2),
-      added = _getKeysAddedRemovedC.added,
-      common = _getKeysAddedRemovedC.common,
-      removed = _getKeysAddedRemovedC.removed;
-
-  var changed = [];
-  common.forEach(function (key) {
-    var value1 = object1[key];
-    var value2 = object2[key];
-
-    var value1Type = _typeof(value1);
-
-    var value2Type = _typeof(value2); // Do comparision only if values doesn't match (or reference to same object in memory).
-    // Or if key does not exist in keys to ignore.
-
-
-    if (value1 !== value2 && keysToIgnore.indexOf(key) === -1) {
-      // if both key value are objects and not referencing same object in memory.
-      //  then get recursive difference.
-      if ( /*#__PURE__*/React.isValidElement(value1) || /*#__PURE__*/React.isValidElement(value2)) {
-        changed.push({
-          key: key,
-          reactElementChanged: true
-        });
-      } else if (value1Type === 'object' && value2Type === 'object') {
-        if (curDepth <= maxDepth) {
-          var difference = getPropsDifference(value1, value2, curDepth + 1, maxDepth);
-          changed.push({
-            key: key,
-            difference: difference
-          });
-        } else {
-          changed.push({
-            key: key,
-            maxDepthReached: true
-          });
-        }
-      } else {
-        changed.push({
-          key: key,
-          oldValue: serializeValue(value1),
-          newValue: serializeValue(value2)
-        });
-      }
-    }
-  });
-  return {
-    added: added,
-    changed: changed,
-    removed: removed
-  };
-};
-export var getShallowPropsDifference = function getShallowPropsDifference(object1, object2) {
-  var _getKeysAddedRemovedC2 = getKeysAddedRemovedCommon(object1, object2),
-      added = _getKeysAddedRemovedC2.added,
-      common = _getKeysAddedRemovedC2.common,
-      removed = _getKeysAddedRemovedC2.removed;
-
-  var changed = common.filter(function (key) {
-    return object1[key] !== object2[key];
-  });
-  return {
-    added: added,
-    changed: changed,
-    removed: removed
-  };
-};

package/dist/esm/utils/react-hooks/use-component-renderer-tracking/index.js

@@ -1,68 +0,0 @@
-import { useMemo, useEffect, useRef } from 'react';
-import debounce from 'lodash/debounce';
-import { getShallowPropsDifference, getPropsDifference } from '../../compare';
-import { EVENT_TYPE } from '../../../plugins/analytics';
-export function useComponentRenderTracking(_ref) {
-  var onRender = _ref.onRender,
-      propsDiffingOptions = _ref.propsDiffingOptions,
-      _ref$zeroBasedCount = _ref.zeroBasedCount,
-      zeroBasedCount = _ref$zeroBasedCount === void 0 ? true : _ref$zeroBasedCount;
-  var propsRef = useRef();
-  var renderCountRef = useRef(zeroBasedCount ? 0 : 1);
-  useEffect(function () {
-    var lastProps = propsRef.current;
-    var renderCount = renderCountRef.current;
-    var propsDifference;
-
-    if (propsDiffingOptions !== null && propsDiffingOptions !== void 0 && propsDiffingOptions.enabled && lastProps) {
-      propsDifference = propsDiffingOptions !== null && propsDiffingOptions !== void 0 && propsDiffingOptions.useShallow ? getShallowPropsDifference(lastProps, propsDiffingOptions.props) : getPropsDifference(lastProps, propsDiffingOptions.props, 0, 2, propsDiffingOptions === null || propsDiffingOptions === void 0 ? void 0 : propsDiffingOptions.propsToIgnore);
-    }
-
-    var result = {
-      renderCount: renderCount,
-      propsDifference: propsDifference
-    };
-    onRender(result);
-
-    if (propsDiffingOptions !== null && propsDiffingOptions !== void 0 && propsDiffingOptions.enabled) {
-      propsRef.current = propsDiffingOptions.props;
-    }
-
-    renderCountRef.current = renderCountRef.current + 1;
-  }); // No dependencies run on each render
-}
-export function RenderTracking(props) {
-  var debouncedHandleAnalyticsEvent = useMemo(function () {
-    return debounce(props.handleAnalyticsEvent, 500);
-  }, [props.handleAnalyticsEvent]);
-  useComponentRenderTracking({
-    onRender: function onRender(_ref2) {
-      var renderCount = _ref2.renderCount,
-          propsDifference = _ref2.propsDifference;
-
-      if (!renderCount) {
-        return;
-      }
-
-      debouncedHandleAnalyticsEvent({
-        payload: {
-          action: props.action,
-          actionSubject: props.actionSubject,
-          attributes: {
-            count: renderCount,
-            propsDifference: propsDifference
-          },
-          eventType: EVENT_TYPE.OPERATIONAL
-        }
-      });
-    },
-    propsDiffingOptions: {
-      enabled: true,
-      props: props.componentProps,
-      propsToIgnore: props.propsToIgnore,
-      useShallow: props.useShallow
-    },
-    zeroBasedCount: true
-  });
-  return null;
-}

package/dist/types/plugins/media/commands/media-editor.d.ts

@@ -1,7 +0,0 @@
-import { MediaClientConfig } from '@atlaskit/media-core';
-import { FileIdentifier } from '@atlaskit/media-client';
-import { Dimensions } from '@atlaskit/media-editor';
-export declare const openMediaEditor: (pos: number, identifier: FileIdentifier) => import("../../..").Command;
-export declare const closeMediaEditor: () => import("../../..").Command;
-export declare const setMediaClientConfig: (mediaClientConfig?: MediaClientConfig | undefined) => import("../../..").Command;
-export declare const uploadAnnotation: (newIdentifier: FileIdentifier, newDimensions: Dimensions) => import("../../..").Command;

package/dist/types/plugins/media/pm-plugins/media-editor.d.ts

@@ -1,3 +0,0 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PMPluginFactoryParams } from '../../../types';
-export declare const createPlugin: ({ dispatch, providerFactory, }: PMPluginFactoryParams) => SafePlugin<import("../types").MediaEditorState, import("prosemirror-model").Schema<any, any>>;

package/dist/types/plugins/media/toolbar/annotation.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { MediaClientConfig } from '@atlaskit/media-core';
-import { EditorView } from 'prosemirror-view';
-import { IntlShape } from 'react-intl-next';
-import { MediaPluginState } from '../pm-plugins/types';
-declare type AnnotationToolbarProps = {
-    viewMediaClientConfig: MediaClientConfig;
-    id: string;
-    collection?: string;
-    intl: IntlShape;
-    view?: EditorView;
-};
-export declare class AnnotationToolbar extends React.Component<AnnotationToolbarProps> {
-    state: {
-        isImage: boolean;
-    };
-    componentDidMount(): Promise<void>;
-    checkIsImage(): Promise<void>;
-    componentDidUpdate(prevProps: AnnotationToolbarProps): void;
-    onClickAnnotation: () => void;
-    render(): JSX.Element | null;
-}
-export declare const renderAnnotationButton: (pluginState: MediaPluginState, intl: IntlShape) => (view?: EditorView<any> | undefined, idx?: number | undefined) => JSX.Element | null;
-export {};

package/dist/types/plugins/media/ui/MediaEditor.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { EditorView } from 'prosemirror-view';
-import { MediaEditorState } from '../types';
-declare type Props = {
-    mediaEditorState: MediaEditorState;
-    view: EditorView;
-};
-export default class MediaEditor extends React.PureComponent<Props> {
-    static displayName: string;
-    private onUploadStart;
-    private onClose;
-    render(): JSX.Element | null;
-}
-export {};

package/dist/types/utils/compare.d.ts

@@ -1,32 +0,0 @@
-declare type ChangedData<T> = {
-    key: keyof T;
-    difference?: any;
-    maxDepthReached?: boolean;
-    newValue?: any;
-    oldValue?: any;
-    reactElementChanged?: boolean;
-};
-declare type Changed<T> = Array<ChangedData<T>>;
-export declare type PropsDifference<T> = {
-    removed: Array<keyof T>;
-    added: Array<keyof T>;
-    changed: Changed<T>;
-};
-export declare type ShallowPropsDifference<T> = {
-    removed: Array<keyof T>;
-    added: Array<keyof T>;
-    changed: Array<keyof T>;
-};
-export declare const getKeys: <T>(obj: T) => (keyof T)[];
-export declare const getKeysAddedRemovedCommon: <T>(object1: T, object2: T) => {
-    added: (keyof T)[];
-    common: (keyof T)[];
-    removed: (keyof T)[];
-};
-export declare const serializeValue: <T>(value: T[keyof T]) => string | T[keyof T] | {
-    type: string;
-    keys: string[];
-} | undefined;
-export declare const getPropsDifference: <T>(object1: T, object2: T, curDepth?: number, maxDepth?: number, keysToIgnore?: (keyof T)[]) => PropsDifference<T>;
-export declare const getShallowPropsDifference: <T>(object1: T, object2: T) => ShallowPropsDifference<T>;
-export {};

package/dist/types/utils/react-hooks/use-component-renderer-tracking/index.d.ts

@@ -1,30 +0,0 @@
-import { ShallowPropsDifference, PropsDifference } from '../../compare';
-import { ACTION_SUBJECT, ACTION, FireAnalyticsCallback } from '../../../plugins/analytics';
-declare type RenderActions = ACTION.RE_RENDERED;
-declare type RenderActionSubjects = ACTION_SUBJECT.EDITOR | ACTION_SUBJECT.REACT_EDITOR_VIEW;
-declare type PropsDiff<Props> = ShallowPropsDifference<Props> | PropsDifference<Props>;
-declare type OnRenderCb<Props = undefined> = ({ renderCount, propsDifference, }: {
-    renderCount: number;
-    propsDifference: PropsDiff<Props> | undefined;
-}) => void;
-export declare type UseComponentRenderTrackingArgs<Props = undefined> = {
-    onRender: OnRenderCb<Props>;
-    propsDiffingOptions?: {
-        enabled: boolean;
-        props?: Props;
-        propsToIgnore?: Array<keyof Props>;
-        useShallow?: boolean;
-    };
-    zeroBasedCount?: boolean;
-};
-export declare function useComponentRenderTracking<Props = undefined>({ onRender, propsDiffingOptions, zeroBasedCount, }: UseComponentRenderTrackingArgs<Props>): void;
-export declare type RenderTrackingProps<ComponentProps> = {
-    componentProps: ComponentProps;
-    action: RenderActions;
-    actionSubject: RenderActionSubjects;
-    handleAnalyticsEvent: FireAnalyticsCallback;
-    propsToIgnore?: Array<keyof ComponentProps>;
-    useShallow?: boolean;
-};
-export declare function RenderTracking<Props>(props: RenderTrackingProps<Props>): null;
-export {};