@atlaskit/editor-core 188.2.11 → 188.3.1

package/dist/cjs/plugins/media/nodeviews/mediaInline.js

@@ -1,288 +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.updateMediaNodeAttributes = exports.handleNewNode = exports.createMediaNodeUpdater = exports.ReactMediaInlineNode = exports.MediaInlineNodeView = exports.MediaInline = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _providerFactory = require("@atlaskit/editor-common/provider-factory");
-var _selectionBasedNodeView = require("@atlaskit/editor-common/selection-based-node-view");
-var _mediaCard = require("@atlaskit/media-card");
-var _mediaUi = require("@atlaskit/media-ui");
-var _mediaNodeUpdater = require("./mediaNodeUpdater");
-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; }
-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; } }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var createMediaNodeUpdater = exports.createMediaNodeUpdater = function createMediaNodeUpdater(props) {
-  var node = props.node;
-  return new _mediaNodeUpdater.MediaNodeUpdater(_objectSpread(_objectSpread({}, props), {}, {
-    isMediaSingle: true,
-    node: node ? node : props.node,
-    dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
-    contextIdentifierProvider: props.contextIdentifierProvider
-  }));
-};
-
-/**
- * Handles updating the media inline node attributes
- * but also handling copy-paste for cross-editor of the same instance
- * using the contextid
- *
- */
-var updateMediaNodeAttributes = exports.updateMediaNodeAttributes = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(props, mediaNodeUpdater) {
-    var addPendingTask, node, contextId, hasDifferentContextId, copyNode;
-    return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          addPendingTask = props.mediaPluginState.addPendingTask;
-          node = props.node;
-          if (node) {
-            _context.next = 4;
-            break;
-          }
-          return _context.abrupt("return");
-        case 4:
-          contextId = mediaNodeUpdater.getNodeContextId();
-          if (contextId) {
-            _context.next = 8;
-            break;
-          }
-          _context.next = 8;
-          return mediaNodeUpdater.updateContextId();
-        case 8:
-          _context.next = 10;
-          return mediaNodeUpdater.hasDifferentContextId();
-        case 10:
-          hasDifferentContextId = _context.sent;
-          if (!hasDifferentContextId) {
-            _context.next = 22;
-            break;
-          }
-          _context.prev = 12;
-          copyNode = mediaNodeUpdater.copyNode({
-            traceId: node.attrs.__mediaTraceId
-          });
-          addPendingTask(copyNode);
-          _context.next = 17;
-          return copyNode;
-        case 17:
-          _context.next = 22;
-          break;
-        case 19:
-          _context.prev = 19;
-          _context.t0 = _context["catch"](12);
-          return _context.abrupt("return");
-        case 22:
-          _context.next = 24;
-          return mediaNodeUpdater.updateMediaSingleFileAttrs();
-        case 24:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee, null, [[12, 19]]);
-  }));
-  return function updateMediaNodeAttributes(_x, _x2) {
-    return _ref.apply(this, arguments);
-  };
-}();
-var handleNewNode = exports.handleNewNode = function handleNewNode(props) {
-  var node = props.node,
-    mediaPluginState = props.mediaPluginState,
-    getPos = props.getPos;
-  mediaPluginState.handleMediaNodeMount(node, function () {
-    return getPos();
-  });
-};
-var MediaInline = exports.MediaInline = function MediaInline(props) {
-  var _useState = (0, _react.useState)(),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    viewMediaClientConfig = _useState2[0],
-    setViewMediaClientConfig = _useState2[1];
-  var _useState3 = (0, _react.useState)(true),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    isContextIdUnsync = _useState4[0],
-    setIsContextIdUnsync = _useState4[1];
-  (0, _react.useEffect)(function () {
-    var mediaNodeUpdater = createMediaNodeUpdater(props);
-    mediaNodeUpdater.hasDifferentContextId().then(setIsContextIdUnsync);
-    handleNewNode(props);
-    updateMediaNodeAttributes(props, mediaNodeUpdater);
-    updateViewMediaClientConfig(props);
-    return function () {
-      var mediaPluginState = props.mediaPluginState;
-      mediaPluginState.handleMediaNodeUnmount(props.node);
-    };
-  }, [props]);
-  var updateViewMediaClientConfig = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(props) {
-      var mediaProvider, _viewMediaClientConfig;
-      return _regenerator.default.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            _context2.next = 2;
-            return props.mediaProvider;
-          case 2:
-            mediaProvider = _context2.sent;
-            if (mediaProvider) {
-              _viewMediaClientConfig = mediaProvider.viewMediaClientConfig;
-              setViewMediaClientConfig(_viewMediaClientConfig);
-            }
-          case 4:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }));
-    return function updateViewMediaClientConfig(_x3) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var _props$node$attrs = props.node.attrs,
-    id = _props$node$attrs.id,
-    collection = _props$node$attrs.collection;
-  var identifier = {
-    id: id,
-    mediaItemType: 'file',
-    collectionName: collection
-  };
-
-  /*
-   * Show the loading view if
-   * 1. The media provider is not ready
-   * 2. Context Id is not synced
-   * to prevent calling the media API (in mounting of `MediaInlineCard`)
-   * before the prerequisites meet
-   */
-  if (!viewMediaClientConfig || isContextIdUnsync) {
-    return /*#__PURE__*/_react.default.createElement(_mediaUi.MediaInlineCardLoadingView, {
-      message: "",
-      isSelected: false
-    });
-  }
-  return /*#__PURE__*/_react.default.createElement(_mediaCard.MediaInlineCard, {
-    isSelected: props.isSelected,
-    identifier: identifier,
-    mediaClientConfig: viewMediaClientConfig
-  });
-};
-var MediaInlineSharedState = function MediaInlineSharedState(_ref3) {
-  var identifier = _ref3.identifier,
-    mediaProvider = _ref3.mediaProvider,
-    node = _ref3.node,
-    isSelected = _ref3.isSelected,
-    getPos = _ref3.getPos,
-    contextIdentifierProvider = _ref3.contextIdentifierProvider,
-    api = _ref3.api,
-    view = _ref3.view;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['media']),
-    mediaState = _useSharedPluginState.mediaState;
-  if (!mediaState) {
-    return null;
-  }
-  return /*#__PURE__*/_react.default.createElement(MediaInline, {
-    identifier: identifier,
-    mediaProvider: mediaProvider,
-    mediaPluginState: mediaState,
-    node: node,
-    isSelected: isSelected,
-    view: view,
-    getPos: getPos,
-    contextIdentifierProvider: contextIdentifierProvider
-  });
-};
-var MediaInlineNodeView = exports.MediaInlineNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
-  (0, _inherits2.default)(MediaInlineNodeView, _SelectionBasedNodeVi);
-  var _super = _createSuper(MediaInlineNodeView);
-  function MediaInlineNodeView() {
-    (0, _classCallCheck2.default)(this, MediaInlineNodeView);
-    return _super.apply(this, arguments);
-  }
-  (0, _createClass2.default)(MediaInlineNodeView, [{
-    key: "createDomRef",
-    value: function createDomRef() {
-      var domRef = document.createElement('span');
-      domRef.contentEditable = 'false';
-      return domRef;
-    }
-  }, {
-    key: "getContentDOM",
-    value: function getContentDOM() {
-      var dom = document.createElement('span');
-      dom.classList.add(_styles.MediaInlineNodeSelector);
-      return {
-        dom: dom
-      };
-    }
-  }, {
-    key: "ignoreMutation",
-    value: function ignoreMutation() {
-      return true;
-    }
-  }, {
-    key: "viewShouldUpdate",
-    value: function viewShouldUpdate(nextNode) {
-      if (this.node.attrs !== nextNode.attrs) {
-        return true;
-      }
-      return (0, _get2.default)((0, _getPrototypeOf2.default)(MediaInlineNodeView.prototype), "viewShouldUpdate", this).call(this, nextNode);
-    }
-  }, {
-    key: "render",
-    value: function render(props) {
-      var _this = this;
-      var providerFactory = props.providerFactory,
-        api = props.api;
-      var view = this.view;
-      var getPos = this.getPos;
-      return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders, {
-        providers: ['mediaProvider', 'contextIdentifierProvider'],
-        providerFactory: providerFactory,
-        renderNode: function renderNode(_ref4) {
-          var mediaProvider = _ref4.mediaProvider,
-            contextIdentifierProvider = _ref4.contextIdentifierProvider;
-          if (!mediaProvider) {
-            return null;
-          }
-          return /*#__PURE__*/_react.default.createElement(MediaInlineSharedState, {
-            identifier: _this.node.attrs.id,
-            mediaProvider: mediaProvider,
-            node: _this.node,
-            isSelected: _this.nodeInsideSelection(),
-            view: view,
-            getPos: getPos,
-            contextIdentifierProvider: contextIdentifierProvider,
-            api: api
-          });
-        }
-      });
-    }
-  }]);
-  return MediaInlineNodeView;
-}(_selectionBasedNodeView.SelectionBasedNodeView);
-var ReactMediaInlineNode = exports.ReactMediaInlineNode = function ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent) {
-  return function (node, view, getPos) {
-    return new MediaInlineNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
-      providerFactory: providerFactory,
-      dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-      api: api
-    }).init();
-  };
-};