@atlaskit/editor-core 162.0.1 → 163.0.0

package/dist/cjs/plugins/media/pm-plugins/media-editor.js

@@ -1,106 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createPlugin = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-
-var _mediaEditor = require("../commands/media-editor");
-
-var _mediaEditorPluginFactory = require("./media-editor-plugin-factory");
-
-// handle mapping changes to providers -> plugin state
-var pluginView = function pluginView(providerFactory) {
-  return function (view) {
-    var updateMediaProvider = /*#__PURE__*/function () {
-      var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(name, provider) {
-        var resolvedProvider, resolvedMediaClientConfig, dispatch, state;
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                if (!(name !== 'mediaProvider')) {
-                  _context.next = 2;
-                  break;
-                }
-
-                return _context.abrupt("return");
-
-              case 2:
-                _context.next = 4;
-                return provider;
-
-              case 4:
-                resolvedProvider = _context.sent;
-
-                if (resolvedProvider) {
-                  _context.next = 7;
-                  break;
-                }
-
-                return _context.abrupt("return");
-
-              case 7:
-                _context.next = 9;
-                return resolvedProvider.uploadMediaClientConfig;
-
-              case 9:
-                _context.t0 = _context.sent;
-
-                if (_context.t0) {
-                  _context.next = 14;
-                  break;
-                }
-
-                _context.next = 13;
-                return resolvedProvider.viewMediaClientConfig;
-
-              case 13:
-                _context.t0 = _context.sent;
-
-              case 14:
-                resolvedMediaClientConfig = _context.t0;
-                dispatch = view.dispatch, state = view.state;
-                (0, _mediaEditor.setMediaClientConfig)(resolvedMediaClientConfig)(state, dispatch, view);
-
-              case 17:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee);
-      }));
-
-      return function updateMediaProvider(_x, _x2) {
-        return _ref.apply(this, arguments);
-      };
-    }();
-
-    providerFactory.subscribe('mediaProvider', updateMediaProvider);
-    return {
-      destroy: function destroy() {
-        providerFactory.unsubscribe('mediaProvider', updateMediaProvider);
-      }
-    };
-  };
-};
-
-var createPlugin = function createPlugin(_ref2) {
-  var dispatch = _ref2.dispatch,
-      providerFactory = _ref2.providerFactory;
-  return new _safePlugin.SafePlugin({
-    state: (0, _mediaEditorPluginFactory.createPluginState)(dispatch, {}),
-    key: _mediaEditorPluginFactory.pluginKey,
-    view: pluginView(providerFactory)
-  });
-};
-
-exports.createPlugin = createPlugin;

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

@@ -1,244 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.renderAnnotationButton = exports.AnnotationToolbar = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _annotate = _interopRequireDefault(require("@atlaskit/icon/glyph/media-services/annotate"));
-
-var _mediaClient = require("@atlaskit/media-client");
-
-var _Button = _interopRequireDefault(require("../../floating-toolbar/ui/Button"));
-
-var _Separator = _interopRequireDefault(require("../../floating-toolbar/ui/Separator"));
-
-var _pluginKey = require("../pm-plugins/plugin-key");
-
-var _mediaEditor = require("../commands/media-editor");
-
-var _analytics = require("../../../plugins/analytics");
-
-var _toolbarMessages = require("./toolbar-messages");
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
-
-var annotate = function annotate(state, dispatch) {
-  var pluginState = _pluginKey.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 (0, _analytics.withAnalytics)({
-    action: _analytics.ACTION.CLICKED,
-    actionSubject: _analytics.ACTION_SUBJECT.MEDIA,
-    actionSubjectId: _analytics.ACTION_SUBJECT_ID.ANNOTATE_BUTTON,
-    eventType: _analytics.EVENT_TYPE.UI
-  })((0, _mediaEditor.openMediaEditor)(state.selection.from + 1, {
-    id: id,
-    collectionName: collectionName,
-    mediaItemType: 'file',
-    occurrenceKey: occurrenceKey
-  }))(state, dispatch);
-};
-
-var AnnotationToolbar = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(AnnotationToolbar, _React$Component);
-
-  var _super = _createSuper(AnnotationToolbar);
-
-  function AnnotationToolbar() {
-    var _this;
-
-    (0, _classCallCheck2.default)(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));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      isImage: false
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onClickAnnotation", function () {
-      var view = _this.props.view;
-
-      if (view) {
-        annotate(view.state, view.dispatch);
-      }
-    });
-    return _this;
-  }
-
-  (0, _createClass2.default)(AnnotationToolbar, [{
-    key: "componentDidMount",
-    value: function () {
-      var _componentDidMount = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        return _regenerator.default.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 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
-        var mediaClient, state;
-        return _regenerator.default.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                mediaClient = (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.toolbarMessages.annotate);
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Separator.default, null), /*#__PURE__*/_react.default.createElement(_Button.default, {
-        title: title,
-        icon: /*#__PURE__*/_react.default.createElement(_annotate.default, {
-          label: title
-        }),
-        onClick: this.onClickAnnotation
-      }));
-    }
-  }]);
-  return AnnotationToolbar;
-}(_react.default.Component);
-
-exports.AnnotationToolbar = AnnotationToolbar;
-
-var renderAnnotationButton = function renderAnnotationButton(pluginState, intl) {
-  return function (view, idx) {
-    var selectedContainer = pluginState.selectedMediaContainerNode();
-
-    if (!selectedContainer || !pluginState.mediaClientConfig) {
-      return null;
-    }
-
-    return /*#__PURE__*/_react.default.createElement(AnnotationToolbar, {
-      key: idx,
-      viewMediaClientConfig: pluginState.mediaClientConfig,
-      id: selectedContainer.firstChild.attrs.id,
-      collection: selectedContainer.firstChild.attrs.collection,
-      view: view,
-      intl: intl
-    });
-  };
-};
-
-exports.renderAnnotationButton = renderAnnotationButton;

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

@@ -1,88 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _mediaEditor = require("@atlaskit/media-editor");
-
-var _mediaEditor2 = require("../commands/media-editor");
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
-
-var MediaEditor = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inherits2.default)(MediaEditor, _React$PureComponent);
-
-  var _super = _createSuper(MediaEditor);
-
-  function MediaEditor() {
-    var _this;
-
-    (0, _classCallCheck2.default)(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));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onUploadStart", function (newFileIdentifier, dimensions) {
-      var _this$props$view = _this.props.view,
-          state = _this$props$view.state,
-          dispatch = _this$props$view.dispatch;
-      (0, _mediaEditor2.uploadAnnotation)(newFileIdentifier, dimensions)(state, dispatch);
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onClose", function () {
-      var _this$props$view2 = _this.props.view,
-          state = _this$props$view2.state,
-          dispatch = _this$props$view2.dispatch;
-      (0, _mediaEditor2.closeMediaEditor)()(state, dispatch);
-    });
-    return _this;
-  }
-
-  (0, _createClass2.default)(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.default.createElement(_mediaEditor.SmartMediaEditor, {
-        identifier: identifier,
-        mediaClientConfig: mediaClientConfig,
-        onUploadStart: this.onUploadStart,
-        onClose: this.onClose
-      });
-    }
-  }]);
-  return MediaEditor;
-}(_react.default.PureComponent);
-
-exports.default = MediaEditor;
-(0, _defineProperty2.default)(MediaEditor, "displayName", 'MediaEditor');

package/dist/cjs/utils/compare.js

@@ -1,136 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.serializeValue = exports.getShallowPropsDifference = exports.getPropsDifference = exports.getKeysAddedRemovedCommon = exports.getKeys = void 0;
-
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var getKeys = Object.keys;
-exports.getKeys = getKeys;
-
-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
-  };
-};
-
-exports.getKeysAddedRemovedCommon = getKeysAddedRemovedCommon;
-
-var serializeValue = function serializeValue(value) {
-  var valueType = (0, _typeof2.default)(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)
-    };
-  }
-};
-
-exports.serializeValue = serializeValue;
-
-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 = (0, _typeof2.default)(value1);
-    var value2Type = (0, _typeof2.default)(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.default.isValidElement(value1) || /*#__PURE__*/_react.default.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
-  };
-};
-
-exports.getPropsDifference = getPropsDifference;
-
-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
-  };
-};
-
-exports.getShallowPropsDifference = getShallowPropsDifference;

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

@@ -1,83 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RenderTracking = RenderTracking;
-exports.useComponentRenderTracking = useComponentRenderTracking;
-
-var _react = require("react");
-
-var _debounce = _interopRequireDefault(require("lodash/debounce"));
-
-var _compare = require("../../compare");
-
-var _analytics = require("../../../plugins/analytics");
-
-function useComponentRenderTracking(_ref) {
-  var onRender = _ref.onRender,
-      propsDiffingOptions = _ref.propsDiffingOptions,
-      _ref$zeroBasedCount = _ref.zeroBasedCount,
-      zeroBasedCount = _ref$zeroBasedCount === void 0 ? true : _ref$zeroBasedCount;
-  var propsRef = (0, _react.useRef)();
-  var renderCountRef = (0, _react.useRef)(zeroBasedCount ? 0 : 1);
-  (0, _react.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 ? (0, _compare.getShallowPropsDifference)(lastProps, propsDiffingOptions.props) : (0, _compare.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
-}
-
-function RenderTracking(props) {
-  var debouncedHandleAnalyticsEvent = (0, _react.useMemo)(function () {
-    return (0, _debounce.default)(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: _analytics.EVENT_TYPE.OPERATIONAL
-        }
-      });
-    },
-    propsDiffingOptions: {
-      enabled: true,
-      props: props.componentProps,
-      propsToIgnore: props.propsToIgnore,
-      useShallow: props.useShallow
-    },
-    zeroBasedCount: true
-  });
-  return null;
-}