@atlaskit/editor-core 190.2.3 → 191.0.1

package/dist/cjs/plugins/extension/ui/Extension/Extension/index.js

@@ -1,150 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
-var _ui = require("@atlaskit/editor-common/ui");
-var _utils = require("@atlaskit/editor-common/utils");
-var _styles = require("./styles");
-var _styles2 = require("../styles");
-var _Lozenge = _interopRequireDefault(require("../Lozenge"));
-var _classnames2 = _interopRequireDefault(require("classnames"));
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _withPluginState = require("@atlaskit/editor-common/with-plugin-state");
-var _excluded = ["type"];
-/** @jsx jsx */
-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; }
-function ExtensionWithPluginState(props) {
-  var node = props.node,
-    handleContentDOMRef = props.handleContentDOMRef,
-    children = props.children,
-    _props$widthState = props.widthState,
-    widthState = _props$widthState === void 0 ? {
-      width: 0
-    } : _props$widthState,
-    handleRef = props.handleRef,
-    shadowClassNames = props.shadowClassNames,
-    hideFrame = props.hideFrame,
-    editorAppearance = props.editorAppearance;
-  var hasBody = ['bodiedExtension', 'multiBodiedExtension'].includes(node.type.name);
-  var isMobile = editorAppearance === 'mobile';
-  var hasChildren = !!children;
-  var removeBorder = hideFrame && !isMobile && !hasBody || false;
-  var getPos = props.getPos,
-    view = props.view;
-  var isTopLevelNode = _react.default.useMemo(function () {
-    var pos = typeof getPos === 'function' ? getPos() : undefined;
-    return typeof pos !== 'undefined' && !isNaN(pos) && view.state.doc.resolve(pos).depth === 0;
-    return false;
-  }, [view, getPos]);
-  var shouldBreakout =
-  // Extension should breakout when the layout is set to 'full-width' or 'wide'.
-  ['full-width', 'wide'].includes(node.attrs.layout) &&
-  // Extension breakout state should only be respected for top level nodes.
-  isTopLevelNode &&
-  // Extension breakout state should not be respected when the editor appearance is full-width mode
-  editorAppearance !== 'full-width';
-  var classNames = (0, _classnames2.default)('extension-container', 'block', shadowClassNames, (0, _defineProperty2.default)({
-    'with-overlay': !hasBody,
-    'without-frame': removeBorder
-  }, _styles.widerLayoutClassName, shouldBreakout));
-  var headerClassNames = (0, _classnames2.default)({
-    'with-children': hasChildren,
-    'without-frame': removeBorder
-  });
-  var customContainerStyles = {
-    width: '100%'
-  };
-  var newContentStyles = {};
-  if (shouldBreakout) {
-    var _calculateBreakoutSty = (0, _utils.calculateBreakoutStyles)({
-        mode: node.attrs.layout,
-        widthStateWidth: widthState.width,
-        widthStateLineLength: widthState.lineLength
-      }),
-      type = _calculateBreakoutSty.type,
-      breakoutStyles = (0, _objectWithoutProperties2.default)(_calculateBreakoutSty, _excluded);
-    newContentStyles = _objectSpread({}, breakoutStyles);
-    customContainerStyles = breakoutStyles;
-  }
-  newContentStyles = _objectSpread(_objectSpread({}, newContentStyles), _styles.contentWrapper);
-  return (0, _react2.jsx)("div", {
-    ref: handleRef,
-    "data-layout": node.attrs.layout,
-    className: classNames,
-    css: _styles.wrapperStyle,
-    style: customContainerStyles
-  }, (0, _react2.jsx)("div", {
-    className: "extension-overflow-wrapper ".concat(hasBody ? 'with-body' : '')
-  }, (0, _react2.jsx)("div", {
-    css: _styles2.overlay,
-    className: "extension-overlay"
-  }), (0, _react2.jsx)("div", {
-    css: _styles.header,
-    contentEditable: false,
-    className: headerClassNames
-  }, !removeBorder && (0, _react2.jsx)(_Lozenge.default, {
-    node: node
-  }), children), hasBody && (0, _react2.jsx)("div", {
-    css: newContentStyles
-  }, (0, _react2.jsx)("div", {
-    css: _styles.content,
-    ref: handleContentDOMRef,
-    className: "extension-content block"
-  }))));
-}
-var Extension = function Extension(props) {
-  // TODO: ED-17836 This code is here because confluence injects
-  // the `editor-referentiality` plugin via `dangerouslyAppendPlugins`
-  // which cannot access the `pluginInjectionApi`. When we move
-  // Confluence to using presets we can remove this workaround.
-  var pluginInjectionApi = props.pluginInjectionApi;
-  return pluginInjectionApi === undefined ? (0, _react2.jsx)(ExtensionDeprecated, props) : (0, _react2.jsx)(ExtensionWithSharedState, props);
-};
-var ExtensionWithSharedState = function ExtensionWithSharedState(props) {
-  var pluginInjectionApi = props.pluginInjectionApi;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['width']),
-    widthState = _useSharedPluginState.widthState;
-  return (0, _react2.jsx)(ExtensionWithPluginState, (0, _extends2.default)({
-    widthState: widthState
-  }, props));
-};
-// TODO: ED-17836 This code is here because Confluence injects
-// the `editor-referentiality` plugin via `dangerouslyAppendPlugins`
-// which cannot access the `pluginInjectionApi`. When we move
-// Confluence to using presets we can remove this workaround.
-// @ts-ignore
-var widthPluginKey = {
-  key: 'widthPlugin$',
-  getState: function getState(state) {
-    return state['widthPlugin$'];
-  }
-};
-var ExtensionDeprecated = function ExtensionDeprecated(props) {
-  return (0, _react2.jsx)(_withPluginState.WithPluginState, {
-    editorView: props.view,
-    plugins: {
-      widthState: widthPluginKey
-    },
-    render: function render(_ref) {
-      var widthState = _ref.widthState;
-      return (0, _react2.jsx)(ExtensionWithPluginState, (0, _extends2.default)({
-        widthState: widthState
-      }, props));
-    }
-  });
-};
-/**
- * End workaround
- */
-var _default = exports.default = (0, _ui.overflowShadow)(Extension, {
-  overflowSelector: '.extension-overflow-wrapper'
-});

package/dist/cjs/plugins/extension/ui/Extension/Extension/styles.js

@@ -1,17 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.wrapperStyle = exports.widerLayoutClassName = exports.header = exports.contentWrapper = exports.content = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = require("@emotion/react");
-var _colors = require("@atlaskit/theme/colors");
-var _styles = require("../styles");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var widerLayoutClassName = exports.widerLayoutClassName = 'wider-layout';
-var wrapperStyle = exports.wrapperStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n\n  &.without-frame {\n    background: transparent;\n  }\n  cursor: pointer;\n  width: 100%;\n\n  .extension-overflow-wrapper:not(.with-body) {\n    overflow-x: auto;\n  }\n"])), _styles.wrapperDefault);
-var header = exports.header = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", "px ", "px 0px;\n  vertical-align: middle;\n\n  &.with-children:not(.without-frame) {\n    padding: ", " ", "\n      ", ";\n  }\n  &.without-frame {\n    padding: 0;\n  }\n"])), _styles.padding / 2, _styles.padding / 2, "var(--ds-space-050, 4px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)");
-var content = exports.content = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", "px;\n  background: ", ";\n  border: 1px solid ", ";\n  border-radius: ", ";\n  cursor: initial;\n  width: 100%;\n"])), _styles.padding, "var(--ds-surface, white)", "var(--ds-border, ".concat(_colors.N30, ")"), "var(--ds-border-radius, 3px)");
-var contentWrapper = exports.contentWrapper = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 0 ", "px ", "px;\n  display: flex;\n  justify-content: center;\n"])), _styles.padding, _styles.padding);

package/dist/cjs/plugins/extension/ui/Extension/ExtensionComponent.js

@@ -1,252 +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.default = 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 = _interopRequireWildcard(require("react"));
-var _memoizeOne = _interopRequireDefault(require("memoize-one"));
-var _extensions = require("@atlaskit/editor-common/extensions");
-var _utils = require("@atlaskit/editor-common/utils");
-var _Extension = _interopRequireDefault(require("./Extension"));
-var _InlineExtension = _interopRequireDefault(require("./InlineExtension"));
-var _MultiBodiedExtension = _interopRequireDefault(require("./MultiBodiedExtension"));
-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; } }
-var ExtensionComponent = exports.default = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(ExtensionComponent, _Component);
-  var _super = _createSuper(ExtensionComponent);
-  function ExtensionComponent() {
-    var _this;
-    (0, _classCallCheck2.default)(this, ExtensionComponent);
-    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), "privatePropsParsed", false);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {});
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "mounted", false);
-    // memoized to avoid rerender on extension state changes
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getNodeRenderer", (0, _memoizeOne.default)(_extensions.getNodeRenderer));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getExtensionModuleNodePrivateProps", (0, _memoizeOne.default)(_extensions.getExtensionModuleNodePrivateProps));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "setStateFromPromise", function (stateKey, promise) {
-      promise && promise.then(function (p) {
-        if (!_this.mounted) {
-          return;
-        }
-        _this.setState((0, _defineProperty2.default)({}, stateKey, p));
-      });
-    });
-    /**
-     * Parses any private nodes once an extension provider is available.
-     *
-     * We do this separately from resolving a node renderer component since the
-     * private props come from extension provider, rather than an extension
-     * handler which only handles `render`/component concerns.
-     */
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "parsePrivateNodePropsIfNeeded", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-      var _this$props$node$attr, extensionType, extensionKey, privateProps;
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            if (!(_this.privatePropsParsed || !_this.state.extensionProvider)) {
-              _context.next = 2;
-              break;
-            }
-            return _context.abrupt("return");
-          case 2:
-            _this.privatePropsParsed = true;
-            _this$props$node$attr = _this.props.node.attrs, extensionType = _this$props$node$attr.extensionType, extensionKey = _this$props$node$attr.extensionKey;
-            /**
-             * getExtensionModuleNodePrivateProps can throw if there are issues in the
-             * manifest
-             */
-            _context.prev = 4;
-            _context.next = 7;
-            return _this.getExtensionModuleNodePrivateProps(_this.state.extensionProvider, extensionType, extensionKey);
-          case 7:
-            privateProps = _context.sent;
-            _this.setState({
-              _privateProps: privateProps
-            });
-            _context.next = 14;
-            break;
-          case 11:
-            _context.prev = 11;
-            _context.t0 = _context["catch"](4);
-            // eslint-disable-next-line no-console
-            console.error('Provided extension handler has thrown an error\n', _context.t0);
-            /** We don't want this error to block renderer */
-            /** We keep rendering the default content */
-          case 14:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[4, 11]]);
-    })));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleExtension", function (pmNode, actions) {
-      var _pmNode$marks;
-      var _this$props = _this.props,
-        extensionHandlers = _this$props.extensionHandlers,
-        editorView = _this$props.editorView;
-      var _pmNode$attrs = pmNode.attrs,
-        extensionType = _pmNode$attrs.extensionType,
-        extensionKey = _pmNode$attrs.extensionKey,
-        parameters = _pmNode$attrs.parameters,
-        text = _pmNode$attrs.text;
-      var isBodiedExtension = pmNode.type.name === 'bodiedExtension';
-      if (isBodiedExtension) {
-        return;
-      }
-      var fragmentLocalId = pmNode === null || pmNode === void 0 || (_pmNode$marks = pmNode.marks) === null || _pmNode$marks === void 0 || (_pmNode$marks = _pmNode$marks.find(function (m) {
-        return m.type.name === 'fragment';
-      })) === null || _pmNode$marks === void 0 || (_pmNode$marks = _pmNode$marks.attrs) === null || _pmNode$marks === void 0 ? void 0 : _pmNode$marks.localId;
-      var node = {
-        type: pmNode.type.name,
-        extensionType: extensionType,
-        extensionKey: extensionKey,
-        parameters: parameters,
-        content: text,
-        localId: pmNode.attrs.localId,
-        fragmentLocalId: fragmentLocalId
-      };
-      var result;
-      if (extensionHandlers && extensionHandlers[extensionType]) {
-        var render = (0, _utils.getExtensionRenderer)(extensionHandlers[extensionType]);
-        result = render(node, editorView.state.doc, actions);
-      }
-      if (!result) {
-        var extensionHandlerFromProvider = _this.state.extensionProvider && _this.getNodeRenderer(_this.state.extensionProvider, extensionType, extensionKey);
-        if (extensionHandlerFromProvider) {
-          var NodeRenderer = extensionHandlerFromProvider;
-          if (node.type === 'multiBodiedExtension') {
-            return /*#__PURE__*/_react.default.createElement(NodeRenderer, {
-              node: node,
-              references: _this.props.references,
-              actions: actions
-            });
-          } else {
-            return /*#__PURE__*/_react.default.createElement(NodeRenderer, {
-              node: node,
-              references: _this.props.references
-            });
-          }
-        }
-      }
-      return result;
-    });
-    return _this;
-  }
-  (0, _createClass2.default)(ExtensionComponent, [{
-    key: "UNSAFE_componentWillMount",
-    value: function UNSAFE_componentWillMount() {
-      this.mounted = true;
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var extensionProvider = this.props.extensionProvider;
-      if (extensionProvider) {
-        this.setStateFromPromise('extensionProvider', extensionProvider);
-      }
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate() {
-      this.parsePrivateNodePropsIfNeeded();
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.mounted = false;
-    }
-  }, {
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      var extensionProvider = nextProps.extensionProvider;
-      if (extensionProvider && this.props.extensionProvider !== extensionProvider) {
-        this.setStateFromPromise('extensionProvider', extensionProvider);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$state$_privateP;
-      var _this$props2 = this.props,
-        node = _this$props2.node,
-        handleContentDOMRef = _this$props2.handleContentDOMRef,
-        editorView = _this$props2.editorView,
-        references = _this$props2.references,
-        editorAppearance = _this$props2.editorAppearance,
-        pluginInjectionApi = _this$props2.pluginInjectionApi,
-        getPos = _this$props2.getPos,
-        eventDispatcher = _this$props2.eventDispatcher;
-      if (node.type.name === 'multiBodiedExtension') {
-        return /*#__PURE__*/_react.default.createElement(_MultiBodiedExtension.default, {
-          node: node,
-          editorView: editorView,
-          getPos: getPos,
-          handleContentDOMRef: handleContentDOMRef,
-          tryExtensionHandler: this.tryExtensionHandler.bind(this),
-          eventDispatcher: eventDispatcher,
-          pluginInjectionApi: pluginInjectionApi,
-          editorAppearance: editorAppearance
-        });
-      }
-      var extensionHandlerResult = this.tryExtensionHandler(undefined);
-      switch (node.type.name) {
-        case 'extension':
-        case 'bodiedExtension':
-          return /*#__PURE__*/_react.default.createElement(_Extension.default, {
-            node: node,
-            getPos: this.props.getPos,
-            references: references,
-            extensionProvider: this.state.extensionProvider,
-            handleContentDOMRef: handleContentDOMRef,
-            view: editorView,
-            editorAppearance: editorAppearance,
-            hideFrame: (_this$state$_privateP = this.state._privateProps) === null || _this$state$_privateP === void 0 ? void 0 : _this$state$_privateP.__hideFrame,
-            pluginInjectionApi: pluginInjectionApi
-          }, extensionHandlerResult);
-        case 'inlineExtension':
-          return /*#__PURE__*/_react.default.createElement(_InlineExtension.default, {
-            node: node
-          }, extensionHandlerResult);
-        default:
-          return null;
-      }
-    }
-  }, {
-    key: "tryExtensionHandler",
-    value: function tryExtensionHandler(actions) {
-      var node = this.props.node;
-      try {
-        var extensionContent = this.handleExtension(node, actions);
-        if (extensionContent && /*#__PURE__*/_react.default.isValidElement(extensionContent)) {
-          return extensionContent;
-        }
-      } catch (e) {
-        // eslint-disable-next-line no-console
-        console.error('Provided extension handler has thrown an error\n', e);
-        /** We don't want this error to block renderer */
-        /** We keep rendering the default content */
-      }
-
-      return null;
-    }
-  }]);
-  return ExtensionComponent;
-}(_react.Component);

package/dist/cjs/plugins/extension/ui/Extension/ExtensionNodeWrapper.js

@@ -1,22 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _utils = require("@atlaskit/editor-common/utils");
-/**
- * If inlineExtension, add zero width space to the end of the nodes and wrap with span;
- * else wrap with a div (for multi bodied extensions)
- *
- * @param param0
- * @returns
- */
-var ExtensionNodeWrapper = function ExtensionNodeWrapper(_ref) {
-  var children = _ref.children,
-    nodeType = _ref.nodeType;
-  return /*#__PURE__*/_react.default.createElement("span", null, children, nodeType === 'inlineExtension' && _utils.ZERO_WIDTH_SPACE);
-};
-var _default = exports.default = ExtensionNodeWrapper;

package/dist/cjs/plugins/extension/ui/Extension/InlineExtension/index.js

@@ -1,50 +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.default = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-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 _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@emotion/react");
-var _styles = require("../styles");
-var _Lozenge = _interopRequireDefault(require("../Lozenge"));
-var _styles2 = 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; } } /** @jsx jsx */
-var InlineExtension = exports.default = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(InlineExtension, _Component);
-  var _super = _createSuper(InlineExtension);
-  function InlineExtension() {
-    (0, _classCallCheck2.default)(this, InlineExtension);
-    return _super.apply(this, arguments);
-  }
-  (0, _createClass2.default)(InlineExtension, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        node = _this$props.node,
-        children = _this$props.children;
-      var hasChildren = !!children;
-      var className = hasChildren ? 'with-overlay with-children' : 'with-overlay';
-      return (0, _react2.jsx)("div", {
-        css: _styles2.wrapperStyle,
-        className: "extension-container inline ".concat(className)
-      }, (0, _react2.jsx)("div", {
-        css: _styles.overlay,
-        className: "extension-overlay"
-      }), children ? children : (0, _react2.jsx)(_Lozenge.default, {
-        node: node
-      }));
-    }
-  }]);
-  return InlineExtension;
-}(_react.Component);

package/dist/cjs/plugins/extension/ui/Extension/InlineExtension/styles.js

@@ -1,12 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.wrapperStyle = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = require("@emotion/react");
-var _styles = require("../styles");
-var _templateObject;
-var wrapperStyle = exports.wrapperStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n\n  cursor: pointer;\n  display: inline-flex;\n  margin: 1px 1px ", ";\n\n  > img {\n    border-radius: ", ";\n  }\n\n  &::after,\n  &::before {\n    vertical-align: text-top;\n    display: inline-block;\n    width: 1px;\n    content: '';\n  }\n\n  &.with-children {\n    padding: 0;\n    background: ", ";\n  }\n"])), _styles.wrapperDefault, "var(--ds-space-050, 4px)", "var(--ds-border-radius, 3px)", "var(--ds-background-neutral-subtle, white)");

package/dist/cjs/plugins/extension/ui/Extension/Lozenge.js

@@ -1,95 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.capitalizeFirstLetter = exports.ICON_SIZE = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-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 _react = require("@emotion/react");
-var _react2 = require("react");
-var _file = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/file"));
-var _utils = require("@atlaskit/editor-common/utils");
-var _styles = require("./styles");
-var _excluded = ["url"];
-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; }
-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; } } /** @jsx jsx */
-var capitalizeFirstLetter = exports.capitalizeFirstLetter = function capitalizeFirstLetter(str) {
-  return str.charAt(0).toUpperCase() + str.slice(1);
-};
-var ICON_SIZE = exports.ICON_SIZE = 24;
-var ExtensionLozenge = exports.default = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(ExtensionLozenge, _Component);
-  var _super = _createSuper(ExtensionLozenge);
-  function ExtensionLozenge() {
-    (0, _classCallCheck2.default)(this, ExtensionLozenge);
-    return _super.apply(this, arguments);
-  }
-  (0, _createClass2.default)(ExtensionLozenge, [{
-    key: "render",
-    value: function render() {
-      var node = this.props.node;
-      var imageData = (0, _utils.getExtensionLozengeData)({
-        node: node,
-        type: 'image'
-      });
-      if (imageData && node.type.name !== 'extension') {
-        return this.renderImage(imageData);
-      }
-      var iconData = (0, _utils.getExtensionLozengeData)({
-        node: node,
-        type: 'icon'
-      });
-      return this.renderFallback(iconData);
-    }
-  }, {
-    key: "renderImage",
-    value: function renderImage(lozengeData) {
-      var extensionKey = this.props.node.attrs.extensionKey;
-      var url = lozengeData.url,
-        rest = (0, _objectWithoutProperties2.default)(lozengeData, _excluded);
-      return (0, _react.jsx)("img", (0, _extends2.default)({
-        css: _styles.styledImage,
-        src: url
-      }, rest, {
-        alt: extensionKey
-      }));
-    }
-  }, {
-    key: "renderFallback",
-    value: function renderFallback(lozengeData) {
-      var _this$props$node$attr = this.props.node.attrs,
-        parameters = _this$props$node$attr.parameters,
-        extensionKey = _this$props$node$attr.extensionKey;
-      var name = this.props.node.type.name;
-      var params = parameters && parameters.macroParams;
-      var title = parameters && parameters.extensionTitle || parameters && parameters.macroMetadata && parameters.macroMetadata.title || extensionKey;
-      var isBlockExtension = name === 'extension';
-      return (0, _react.jsx)("div", {
-        "data-testid": "lozenge-fallback",
-        css: _styles.placeholderFallback
-      }, lozengeData && !isBlockExtension ? this.renderImage(_objectSpread({
-        height: ICON_SIZE,
-        width: ICON_SIZE
-      }, lozengeData)) : (0, _react.jsx)(_file.default, {
-        label: title
-      }), (0, _react.jsx)("span", {
-        className: "extension-title"
-      }, capitalizeFirstLetter(title)), params && !isBlockExtension && (0, _react.jsx)("span", {
-        css: _styles.placeholderFallbackParams
-      }, Object.keys(params).map(function (key) {
-        return key && " | ".concat(key, " = ").concat(params[key].value);
-      })));
-    }
-  }]);
-  return ExtensionLozenge;
-}(_react2.Component);