@atlaskit/editor-core 188.8.0 → 188.9.0

package/dist/cjs/plugins/status/plugin.js

@@ -1,133 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-Object.defineProperty(exports, "pluginKey", {
-  enumerable: true,
-  get: function get() {
-    return _pluginKey.pluginKey;
-  }
-});
-Object.defineProperty(exports, "pluginKeyName", {
-  enumerable: true,
-  get: function get() {
-    return _pluginKey.pluginKeyName;
-  }
-});
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _state = require("@atlaskit/editor-prosemirror/state");
-var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-var _utils = require("@atlaskit/editor-common/utils");
-var _reactNodeView = require("@atlaskit/editor-common/react-node-view");
-var _status = require("./nodeviews/status");
-var _pluginKey = require("./plugin-key");
-var _utils2 = require("./utils");
-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 createPlugin = function createPlugin(pmPluginFactoryParams, options) {
-  return new _safePlugin.SafePlugin({
-    state: {
-      init: function init() {
-        return {
-          isNew: false,
-          showStatusPickerAt: null
-        };
-      },
-      apply: function apply(tr, state, oldEditorState) {
-        var meta = tr.getMeta(_pluginKey.pluginKey);
-        if (meta) {
-          var newState = _objectSpread(_objectSpread({}, state), meta);
-          pmPluginFactoryParams.dispatch(_pluginKey.pluginKey, newState);
-          return newState;
-        }
-        if (tr.docChanged && state.showStatusPickerAt) {
-          var _tr$mapping$mapResult = tr.mapping.mapResult(state.showStatusPickerAt),
-            pos = _tr$mapping$mapResult.pos,
-            deleted = _tr$mapping$mapResult.deleted;
-          var showStatusPickerAt = deleted ? null : pos;
-          var _newState = _objectSpread(_objectSpread({}, state), {}, {
-            showStatusPickerAt: showStatusPickerAt
-          });
-          if (_newState.showStatusPickerAt !== state.showStatusPickerAt) {
-            pmPluginFactoryParams.dispatch(_pluginKey.pluginKey, _newState);
-            return _newState;
-          }
-        }
-        if (tr.selectionSet) {
-          // Change in selection, while status picker was open, update state, if required.
-          var selectionFrom = tr.selection.from;
-          var nodeAtSelection = tr.doc.nodeAt(selectionFrom);
-          var _showStatusPickerAt = null;
-          if (nodeAtSelection && nodeAtSelection.type === oldEditorState.schema.nodes.status && tr.selection instanceof _state.NodeSelection) {
-            _showStatusPickerAt = selectionFrom;
-          }
-          if (_showStatusPickerAt !== state.showStatusPickerAt) {
-            var _newState2 = _objectSpread(_objectSpread({}, state), {}, {
-              isNew: false,
-              showStatusPickerAt: _showStatusPickerAt
-            });
-            pmPluginFactoryParams.dispatch(_pluginKey.pluginKey, _newState2);
-            return _newState2;
-          }
-        }
-        return state;
-      }
-    },
-    filterTransaction: function filterTransaction(tr, state) {
-      // if it is a selection change transaction, and selection changes from node to text
-      if (tr.selectionSet && !tr.steps.length && tr.isGeneric && tr.selection instanceof _state.TextSelection && state.selection instanceof _state.NodeSelection) {
-        var _ref = _pluginKey.pluginKey.getState(state) || {},
-          isNew = _ref.isNew,
-          showStatusPickerAt = _ref.showStatusPickerAt;
-        var nodeAtSelection = tr.doc.nodeAt(tr.selection.from);
-        // prevent changing node selection to text selection on dom change right after inserting status
-        // if newly selected status is selected with status picker opened
-        if (isNew && showStatusPickerAt && nodeAtSelection && nodeAtSelection.type === state.schema.nodes.status) {
-          return false;
-        }
-      }
-      return true;
-    },
-    appendTransaction: function appendTransaction(transactions, oldEditorState, newEditorState) {
-      var changed = false;
-      var tr = newEditorState.tr;
-
-      /**
-       * When user start creating status, and, when users navigates away
-       *  while empty, then we want to remove empty ("set a status") status.
-       * But when transaction to add empty status happens from undo/redo
-       *  we don't want to remove it.
-       */
-      if (transactions.find(function (tr) {
-        return tr.selectionSet && !tr.getMeta(_utils.pmHistoryPluginKey);
-      })) {
-        var oldStatus = (0, _utils2.mayGetStatusAtSelection)(oldEditorState.selection);
-        var newStatus = (0, _utils2.mayGetStatusAtSelection)(newEditorState.selection);
-        if (oldStatus && (newStatus && oldStatus.localId !== newStatus.localId || !newStatus)) {
-          if ((0, _utils2.isEmptyStatus)(oldStatus)) {
-            var pos = oldEditorState.selection.from;
-            tr.delete(tr.mapping.map(pos), tr.mapping.map(pos + 1));
-            changed = true;
-          }
-        }
-      }
-      return changed ? tr : undefined;
-    },
-    key: _pluginKey.pluginKey,
-    props: {
-      nodeViews: {
-        status: (0, _reactNodeView.getInlineNodeViewProducer)({
-          pmPluginFactoryParams: pmPluginFactoryParams,
-          Component: _status.StatusNodeView,
-          extraComponentProps: {
-            options: options
-          }
-        })
-      }
-    }
-  });
-};
-var _default = exports.default = createPlugin;

package/dist/cjs/plugins/status/types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/dist/cjs/plugins/status/ui/statusPicker.js

@@ -1,314 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.closingMethods = exports.StatusPickerWithoutAnalytcs = exports.InputMethod = 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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
-var _analyticsNext = require("@atlaskit/analytics-next");
-var _ui = require("@atlaskit/editor-common/ui");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _picker = require("@atlaskit/status/picker");
-var _constants = require("@atlaskit/theme/constants");
-var _colors = require("@atlaskit/theme/colors");
-var _uiReact = require("@atlaskit/editor-common/ui-react");
-var _actions = require("../actions");
-var _analytics = require("../analytics");
-var _templateObject;
-/** @jsx jsx */
-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 PopupWithListeners = (0, _uiReact.withReactEditorViewOuterListeners)(_ui.Popup);
-var InputMethod = exports.InputMethod = /*#__PURE__*/function (InputMethod) {
-  InputMethod["blur"] = "blur";
-  InputMethod["escKey"] = "escKey";
-  InputMethod["enterKey"] = "enterKey";
-  return InputMethod;
-}({});
-var closingMethods = exports.closingMethods = /*#__PURE__*/function (closingMethods) {
-  closingMethods["ArrowLeft"] = "arrowLeft";
-  closingMethods["ArrowRight"] = "arrowRight";
-  return closingMethods;
-}({});
-var pickerContainer = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background: ", ";\n  padding: ", " 0;\n  border-radius: ", "px;\n  box-shadow: ", ";\n  :focus {\n    outline: none;\n  }\n  input {\n    text-transform: uppercase;\n  }\n"])), "var(--ds-surface-overlay, ".concat(_colors.N0, ")"), "var(--ds-space-100, 8px)", (0, _constants.borderRadius)(), "var(--ds-shadow-overlay, 0 0 1px rgba(9, 30, 66, 0.31), 0 4px 8px -2px rgba(9, 30, 66, 0.25))");
-var StatusPickerWithoutAnalytcs = exports.StatusPickerWithoutAnalytcs = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(StatusPickerWithoutAnalytcs, _React$Component);
-  var _super = _createSuper(StatusPickerWithoutAnalytcs);
-  function StatusPickerWithoutAnalytcs(props) {
-    var _this;
-    (0, _classCallCheck2.default)(this, StatusPickerWithoutAnalytcs);
-    _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClickOutside", function (event) {
-      event.preventDefault();
-      _this.inputMethod = InputMethod.blur;
-      var selectedText = window.getSelection();
-      if (!selectedText) {
-        _this.props.closeStatusPicker();
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleEscapeKeydown", function (event) {
-      event.preventDefault();
-      _this.inputMethod = InputMethod.escKey;
-      _this.props.onEnter(_this.state);
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleTabPress", function (event) {
-      var colorButtons = event.currentTarget.querySelectorAll('button');
-      var inputField = event.currentTarget.querySelector('input');
-      var isInputFocussed = document.activeElement === inputField;
-      var isButtonFocussed = Array.from(colorButtons).some(function (buttonElement) {
-        var _document;
-        return ((_document = document) === null || _document === void 0 ? void 0 : _document.activeElement) === buttonElement;
-      });
-      if (event !== null && event !== void 0 && event.shiftKey) {
-        /* shift + tab */
-        if (isInputFocussed) {
-          colorButtons[0].focus();
-          event.preventDefault();
-        }
-        /* After the user presses shift + tab the color-palette component updates tab index for the first color to be 0.
-            To correctly set focus to the input field instead of the first color button we need to set focus manually
-            */
-        if (isButtonFocussed) {
-          inputField === null || inputField === void 0 || inputField.focus();
-          event.preventDefault();
-        }
-      } else {
-        /* tab */
-        if (isButtonFocussed) {
-          inputField === null || inputField === void 0 || inputField.focus();
-          event.preventDefault();
-        }
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleArrow", function (event, closingMethod) {
-      var _document2;
-      if (((_document2 = document) === null || _document2 === void 0 ? void 0 : _document2.activeElement) === _this.popupBodyWrapper.current) {
-        var _this$popupBodyWrappe;
-        event.preventDefault();
-        (_this$popupBodyWrappe = _this.popupBodyWrapper) === null || _this$popupBodyWrappe === void 0 || (_this$popupBodyWrappe = _this$popupBodyWrappe.current) === null || _this$popupBodyWrappe === void 0 || _this$popupBodyWrappe.blur();
-        _this.props.closeStatusPicker({
-          closingMethod: closingMethod
-        });
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onKeyDown", function (event) {
-      var isTabPressed = event.key === 'Tab';
-      if (isTabPressed) {
-        return _this.handleTabPress(event);
-      }
-      if (event.key in closingMethods) {
-        return _this.handleArrow(event, closingMethods[event.key]);
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onColorHover", function (color) {
-      _this.createStatusAnalyticsAndFireFunc({
-        action: 'hovered',
-        actionSubject: 'statusColorPicker',
-        attributes: {
-          color: color,
-          localId: _this.state.localId,
-          state: (0, _analytics.analyticsState)(_this.props.isNew)
-        }
-      });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onColorClick", function (color) {
-      var _this$state = _this.state,
-        text = _this$state.text,
-        localId = _this$state.localId;
-      if (color === _this.state.color) {
-        _this.createStatusAnalyticsAndFireFunc({
-          action: 'clicked',
-          actionSubject: 'statusColorPicker',
-          attributes: {
-            color: color,
-            localId: localId,
-            state: (0, _analytics.analyticsState)(_this.props.isNew)
-          }
-        });
-        // closes status box and commits colour
-        _this.onEnter();
-      } else {
-        _this.setState({
-          color: color
-        });
-        _this.props.onSelect({
-          text: text,
-          color: color,
-          localId: localId
-        });
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onTextChanged", function (text) {
-      var _this$state2 = _this.state,
-        color = _this$state2.color,
-        localId = _this$state2.localId;
-      _this.setState({
-        text: text
-      });
-      _this.props.onTextChanged({
-        text: text,
-        color: color,
-        localId: localId
-      }, !!_this.props.isNew);
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onEnter", function () {
-      _this.inputMethod = InputMethod.enterKey;
-      _this.props.onEnter(_this.state);
-    });
-    // cancel bubbling to fix clickOutside logic:
-    // popup re-renders its content before the click event bubbles up to the document
-    // therefore click target element would be different from the popup content
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handlePopupClick", function (event) {
-      return event.nativeEvent.stopImmediatePropagation();
-    });
-    _this.state = _this.extractStateFromProps(props);
-    _this.createStatusAnalyticsAndFireFunc = (0, _analytics.createStatusAnalyticsAndFire)(props.createAnalyticsEvent);
-    _this.popupBodyWrapper = /*#__PURE__*/_react.default.createRef();
-    return _this;
-  }
-  (0, _createClass2.default)(StatusPickerWithoutAnalytcs, [{
-    key: "fireStatusPopupOpenedAnalytics",
-    value: function fireStatusPopupOpenedAnalytics(state) {
-      var color = state.color,
-        text = state.text,
-        localId = state.localId,
-        isNew = state.isNew;
-      this.startTime = Date.now();
-      this.createStatusAnalyticsAndFireFunc({
-        action: 'opened',
-        actionSubject: 'statusPopup',
-        attributes: {
-          textLength: text ? text.length : 0,
-          selectedColor: color,
-          localId: localId,
-          state: (0, _analytics.analyticsState)(isNew)
-        }
-      });
-    }
-  }, {
-    key: "fireStatusPopupClosedAnalytics",
-    value: function fireStatusPopupClosedAnalytics(state) {
-      var color = state.color,
-        text = state.text,
-        localId = state.localId,
-        isNew = state.isNew;
-      this.createStatusAnalyticsAndFireFunc({
-        action: 'closed',
-        actionSubject: 'statusPopup',
-        attributes: {
-          inputMethod: this.inputMethod,
-          duration: Date.now() - this.startTime,
-          textLength: text ? text.length : 0,
-          selectedColor: color,
-          localId: localId,
-          state: (0, _analytics.analyticsState)(isNew)
-        }
-      });
-    }
-  }, {
-    key: "reset",
-    value: function reset() {
-      this.startTime = Date.now();
-      this.inputMethod = InputMethod.blur;
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-      this.reset();
-      this.fireStatusPopupOpenedAnalytics(this.state);
-      if (typeof this.props.isNew === 'boolean' && this.props.isNew === false) {
-        // Wrapper should be focused only if status already exists otherwise input field will receive focus
-        this.focusTimeout = requestAnimationFrame(function () {
-          var _this2$popupBodyWrapp;
-          // Defer to prevent editor scrolling to top. See https://product-fabric.atlassian.net/browse/DTR-1952
-          (_this2$popupBodyWrapp = _this2.popupBodyWrapper) === null || _this2$popupBodyWrapp === void 0 || (_this2$popupBodyWrapp = _this2$popupBodyWrapp.current) === null || _this2$popupBodyWrapp === void 0 || _this2$popupBodyWrapp.focus();
-        });
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.focusTimeout && cancelAnimationFrame(this.focusTimeout);
-      this.fireStatusPopupClosedAnalytics(this.state);
-      this.startTime = 0;
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState, _snapshot) {
-      var element = this.props.target;
-      if (prevProps.target !== element) {
-        var newState = this.extractStateFromProps(this.props);
-        this.setState(newState);
-        this.fireStatusPopupClosedAnalytics(prevState);
-        this.reset();
-        this.fireStatusPopupOpenedAnalytics(newState);
-      }
-    }
-  }, {
-    key: "extractStateFromProps",
-    value: function extractStateFromProps(props) {
-      var defaultColor = props.defaultColor,
-        defaultText = props.defaultText,
-        defaultLocalId = props.defaultLocalId,
-        isNew = props.isNew;
-      return {
-        color: defaultColor || _actions.DEFAULT_STATUS.color,
-        text: defaultText || _actions.DEFAULT_STATUS.text,
-        localId: defaultLocalId,
-        isNew: isNew
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        isNew = _this$props.isNew,
-        target = _this$props.target,
-        mountTo = _this$props.mountTo,
-        boundariesElement = _this$props.boundariesElement,
-        scrollableElement = _this$props.scrollableElement;
-      var _this$state3 = this.state,
-        color = _this$state3.color,
-        text = _this$state3.text;
-      return target && (0, _react2.jsx)(PopupWithListeners, {
-        target: target,
-        offset: [0, 8],
-        handleClickOutside: this.handleClickOutside,
-        handleEscapeKeydown: this.handleEscapeKeydown,
-        zIndex: _editorSharedStyles.akEditorFloatingDialogZIndex,
-        fitHeight: 40,
-        mountTo: mountTo,
-        boundariesElement: boundariesElement,
-        scrollableElement: scrollableElement,
-        closeOnTab: false
-      }, (0, _react2.jsx)("div", {
-        css: pickerContainer,
-        tabIndex: -1,
-        ref: this.popupBodyWrapper,
-        onClick: this.handlePopupClick,
-        onKeyDown: this.onKeyDown
-      }, (0, _react2.jsx)(_picker.StatusPicker, {
-        autoFocus: isNew,
-        selectedColor: color,
-        text: text,
-        onColorClick: this.onColorClick,
-        onColorHover: this.onColorHover,
-        onTextChanged: this.onTextChanged,
-        onEnter: this.onEnter
-      })));
-    }
-  }]);
-  return StatusPickerWithoutAnalytcs;
-}(_react.default.Component);
-var _default = exports.default = (0, _analyticsNext.withAnalyticsEvents)()(StatusPickerWithoutAnalytcs);

package/dist/cjs/plugins/status/utils.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.setNodeSelectionNearPos = exports.mayGetStatusAtSelection = exports.isEmptyStatus = void 0;
-var _state = require("@atlaskit/editor-prosemirror/state");
-var mayGetStatusAtSelection = exports.mayGetStatusAtSelection = function mayGetStatusAtSelection(selection) {
-  if (selection && selection instanceof _state.NodeSelection) {
-    var nodeSelection = selection;
-    if (nodeSelection.node.type.name === 'status') {
-      return selection.node.attrs || null;
-    }
-  }
-  return null;
-};
-var isEmptyStatus = exports.isEmptyStatus = function isEmptyStatus(node) {
-  return node && (node.text && node.text.trim().length === 0 || node.text === '');
-};
-var setNodeSelectionNearPos = exports.setNodeSelectionNearPos = function setNodeSelectionNearPos(tr, pos) {
-  return tr.setSelection(_state.NodeSelection.create(tr.doc, tr.mapping.map(pos)));
-};