@atlaskit/editor-plugin-media
Version:
Media plugin for @atlaskit/editor-core
121 lines (119 loc) • 5.91 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.removeMediaGroupNode = exports.getSelectedMediaSingle = exports.getSelectedMediaContainerNodeAttrs = exports.getSelectedLayoutIcon = exports.getPixelWidthOfElement = exports.getMaxToolbarWidth = exports.downloadMedia = exports.calcNewLayout = void 0;
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
var _memoizeOne = _interopRequireDefault(require("memoize-one"));
var _mediaSingle = require("@atlaskit/editor-common/media-single");
var _utils = require("@atlaskit/editor-common/utils");
var _utils2 = require("@atlaskit/editor-prosemirror/utils");
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
var _mediaClientReact = require("@atlaskit/media-client-react");
var getSelectedMediaContainerNodeAttrs = exports.getSelectedMediaContainerNodeAttrs = function getSelectedMediaContainerNodeAttrs(mediaPluginState) {
var selectedNode = mediaPluginState.selectedMediaContainerNode();
if (selectedNode && selectedNode.attrs) {
return selectedNode.attrs;
}
return null;
};
var downloadMedia = exports.downloadMedia = /*#__PURE__*/function () {
var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(mediaPluginState) {
var selectedNodeAttrs, id, _selectedNodeAttrs$co, collection, mediaClient, fileState, fileName;
return _regenerator.default.wrap(function _callee$(_context) {
while (1) switch (_context.prev = _context.next) {
case 0:
_context.prev = 0;
selectedNodeAttrs = getSelectedMediaContainerNodeAttrs(mediaPluginState);
if (!(selectedNodeAttrs && mediaPluginState.mediaClientConfig)) {
_context.next = 10;
break;
}
id = selectedNodeAttrs.id, _selectedNodeAttrs$co = selectedNodeAttrs.collection, collection = _selectedNodeAttrs$co === void 0 ? '' : _selectedNodeAttrs$co;
mediaClient = (0, _mediaClientReact.getMediaClient)(mediaPluginState.mediaClientConfig);
_context.next = 7;
return mediaClient.file.getCurrentState(id, {
collectionName: collection
});
case 7:
fileState = _context.sent;
fileName = fileState.status === 'error' ? undefined : fileState.name;
mediaClient.file.downloadBinary(id, fileName, collection);
case 10:
return _context.abrupt("return", true);
case 13:
_context.prev = 13;
_context.t0 = _context["catch"](0);
return _context.abrupt("return", false);
case 16:
case "end":
return _context.stop();
}
}, _callee, null, [[0, 13]]);
}));
return function downloadMedia(_x) {
return _ref.apply(this, arguments);
};
}();
var removeMediaGroupNode = exports.removeMediaGroupNode = function removeMediaGroupNode(state) {
var mediaGroup = state.schema.nodes.mediaGroup;
var mediaGroupParent = (0, _utils2.findParentNodeOfType)(mediaGroup)(state.selection);
var tr = state.tr;
// If it is the last media group in filmstrip, remove the entire filmstrip
if (mediaGroupParent && mediaGroupParent.node.childCount === 1) {
tr = (0, _utils2.removeParentNodeOfType)(mediaGroup)(tr);
} else {
tr = (0, _utils2.removeSelectedNode)(tr);
}
return tr;
};
var getSelectedMediaSingle = exports.getSelectedMediaSingle = function getSelectedMediaSingle(state) {
var mediaSingle = state.schema.nodes.mediaSingle;
return (0, _utils2.findSelectedNodeOfType)(mediaSingle)(state.selection) || (0, _utils2.findParentNodeOfType)(mediaSingle)(state.selection);
};
var getPixelWidthOfElement = exports.getPixelWidthOfElement = (0, _memoizeOne.default)(function (editorView, pos, mediaWidth) {
var domNode = editorView.nodeDOM(pos);
if (domNode instanceof HTMLElement) {
return domNode.offsetWidth;
}
return mediaWidth;
});
var calcNewLayout = exports.calcNewLayout = function calcNewLayout(width, layout, contentWidth) {
var fullWidthMode = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
var isNested = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
var isWrappedLayout = _mediaSingle.wrappedLayouts.indexOf(layout) > -1;
//See flowchart for layout logic: https://hello.atlassian.net/wiki/spaces/TWPCP/whiteboard/2969594044
if (width >= _editorSharedStyles.akEditorFullWidthLayoutWidth) {
// If width is greater than or equal to full editor width
return 'full-width';
}
if (fullWidthMode) {
// If under editor full width mode
return isWrappedLayout ? layout : 'center';
}
if (width > contentWidth && !isNested) {
// If width is greater than content length and not nested
return 'wide';
}
return isNested || isWrappedLayout && width !== contentWidth ? layout : 'center';
};
var maxToolbarFitWidth = 0;
var getMaxToolbarWidth = exports.getMaxToolbarWidth = function getMaxToolbarWidth() {
var toolbar = document.querySelector("div[aria-label=\"Media floating controls\"]");
var toolbarWidth = toolbar === null || toolbar === void 0 ? void 0 : toolbar.getBoundingClientRect().width;
if (!toolbar) {
maxToolbarFitWidth = 0;
}
if (toolbarWidth && toolbarWidth > maxToolbarFitWidth) {
maxToolbarFitWidth = toolbarWidth;
}
return maxToolbarFitWidth;
};
var getSelectedLayoutIcon = exports.getSelectedLayoutIcon = function getSelectedLayoutIcon(layoutIcons, selectedNode) {
var selectedLayout = selectedNode.attrs.layout;
return layoutIcons.find(function (icon) {
return icon.value === (_utils.nonWrappedLayouts.includes(selectedLayout) ? 'center' : selectedLayout);
});
};