@titaui/pc 1.16.93-beta.3 → 1.16.94

package/lib/components/rich-editor/plugins/block/lists/commond/outdent-list.js

@@ -4,30 +4,40 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.outdentList = outdentList;
+
 var _selection = require("../utils/selection");
+
 var _find = require("../utils/find");
+
 var _outdentListItemsSelected = require("../actions/outdent-list-items-selected");
+
 function outdentList() {
   return function (state, dispatch) {
     if (!(0, _selection.isInsideListItem)(state)) {
       return false;
     }
+
     var $from = state.selection.$from;
     var parentListNode = (0, _find.findFirstParentListNode)($from);
+
     if (!parentListNode) {
       // Even though this is a non-operation, we don't want to send this event to the browser. Because if we return false, the browser will move the focus to another place
       return true;
     }
+
     var customTr = state.tr;
     (0, _outdentListItemsSelected.outdentListItemsSelected)(customTr);
+
     if (!customTr || !customTr.docChanged) {
       // Even though this is a non-operation, we don't want to send this event to the browser. Because if we return false, the browser will move the focus to another place
       // If inside table cell and can't outdent list, then let it handle by table keymap
       return !(0, _selection.isInsideTableCell)(state);
     }
+
     if (dispatch) {
       dispatch(customTr);
     }
+
     return true;
   };
 }

package/lib/components/rich-editor/plugins/block/lists/index.js

@@ -1,45 +1,74 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.OrderedListSchema = exports.ListPlugin = exports.ListItemSchema = exports.ListController = exports.BulletListSchema = void 0;
+
 var _getLocale = require("../../../../../utils/getLocale");
+
 var _controller = _interopRequireDefault(require("../../../models/controller"));
+
 var _plugin = _interopRequireDefault(require("../../../models/plugin"));
+
 var _schema = require("../../../models/schema");
+
 var _commond = require("./commond");
+
 var _keymap = _interopRequireDefault(require("./pm-plugins/keymap"));
+
 var _main = _interopRequireWildcard(require("./pm-plugins/main"));
+
 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
 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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
 var PLUGIN_NAME = 'list';
 var preCls = 'tita-rich-editor';
+
 var BulletListSchema = /*#__PURE__*/function (_BlockSchema) {
   _inherits(BulletListSchema, _BlockSchema);
+
   var _super = _createSuper(BulletListSchema);
+
   function BulletListSchema() {
     var _this;
+
     _classCallCheck(this, BulletListSchema);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
+
     return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.name = 'bulletList', _this.content = 'listItem+', _this.parseDOM = [{
       tag: "ul"
     }], _assertThisInitialized(_this)));
   }
+
   _createClass(BulletListSchema, [{
     key: "toDOM",
     value: function toDOM(node) {
@@ -48,18 +77,26 @@ var BulletListSchema = /*#__PURE__*/function (_BlockSchema) {
       }, 0];
     }
   }]);
+
   return BulletListSchema;
 }(_schema.BlockSchema);
+
 exports.BulletListSchema = BulletListSchema;
+
 var OrderedListSchema = /*#__PURE__*/function (_BlockSchema2) {
   _inherits(OrderedListSchema, _BlockSchema2);
+
   var _super2 = _createSuper(OrderedListSchema);
+
   function OrderedListSchema() {
     var _this2;
+
     _classCallCheck(this, OrderedListSchema);
+
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
     }
+
     return _possibleConstructorReturn(_this2, (_this2 = _super2.call.apply(_super2, [this].concat(args)), _this2.name = 'orderedList', _this2.content = 'listItem+', _this2.attrs = {
       order: {
         "default": 1
@@ -77,22 +114,31 @@ var OrderedListSchema = /*#__PURE__*/function (_BlockSchema2) {
       }, 0];
     }, _assertThisInitialized(_this2)));
   }
+
   return _createClass(OrderedListSchema);
 }(_schema.BlockSchema);
+
 exports.OrderedListSchema = OrderedListSchema;
+
 var ListItemSchema = /*#__PURE__*/function (_BlockSchema3) {
   _inherits(ListItemSchema, _BlockSchema3);
+
   var _super3 = _createSuper(ListItemSchema);
+
   function ListItemSchema() {
     var _this3;
+
     _classCallCheck(this, ListItemSchema);
+
     for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
       args[_key3] = arguments[_key3];
     }
+
     return _possibleConstructorReturn(_this3, (_this3 = _super3.call.apply(_super3, [this].concat(args)), _this3.name = 'listItem', _this3.group = 'listItem', _this3.content = 'paragraph block*', _this3.parseDOM = [{
       tag: "li"
     }], _assertThisInitialized(_this3)));
   }
+
   _createClass(ListItemSchema, [{
     key: "toDOM",
     value: function toDOM(node) {
@@ -101,18 +147,26 @@ var ListItemSchema = /*#__PURE__*/function (_BlockSchema3) {
       }, 0];
     }
   }]);
+
   return ListItemSchema;
 }(_schema.BlockSchema);
+
 exports.ListItemSchema = ListItemSchema;
+
 var ListController = /*#__PURE__*/function (_BaseController) {
   _inherits(ListController, _BaseController);
+
   var _super4 = _createSuper(ListController);
+
   function ListController() {
     var _this4;
+
     _classCallCheck(this, ListController);
+
     for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
       args[_key4] = arguments[_key4];
     }
+
     return _possibleConstructorReturn(_this4, (_this4 = _super4.call.apply(_super4, [this].concat(args)), _this4.toolbar = [{
       title: (0, _getLocale.getLocale)('Tasks_Tab_MyS_Numberedlist'),
       icon: 'tu-icon-text-bullet-list',
@@ -141,20 +195,30 @@ var ListController = /*#__PURE__*/function (_BaseController) {
       }
     }], _this4.pmPlugins = [_main["default"], _keymap["default"]], _assertThisInitialized(_this4)));
   }
+
   return _createClass(ListController);
 }(_controller["default"]);
+
 exports.ListController = ListController;
+
 var ListPlugin = /*#__PURE__*/function (_BasePlugin) {
   _inherits(ListPlugin, _BasePlugin);
+
   var _super5 = _createSuper(ListPlugin);
+
   function ListPlugin() {
     var _this5;
+
     _classCallCheck(this, ListPlugin);
+
     for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
       args[_key5] = arguments[_key5];
     }
+
     return _possibleConstructorReturn(_this5, (_this5 = _super5.call.apply(_super5, [this].concat(args)), _this5.name = PLUGIN_NAME, _this5.schema = [BulletListSchema, OrderedListSchema, ListItemSchema], _this5.controller = ListController, _assertThisInitialized(_this5)));
   }
+
   return _createClass(ListPlugin);
 }(_plugin["default"]);
+
 exports.ListPlugin = ListPlugin;

package/lib/components/rich-editor/plugins/block/lists/messages.js

@@ -4,9 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.messages = void 0;
+
 var _reactIntl = require("react-intl");
-// Common Translations will live here
 
+// Common Translations will live here
 var messages = (0, _reactIntl.defineMessages)({
   unorderedList: {
     id: 'fabric.editor.unorderedList',

package/lib/components/rich-editor/plugins/block/lists/pm-plugins/input-rule.js

@@ -6,48 +6,59 @@ Object.defineProperty(exports, "__esModule", {
 exports.createInputRule = createInputRule;
 exports["default"] = inputRulePlugin;
 exports.insertList = void 0;
+
 var _prosemirrorInputrules = require("prosemirror-inputrules");
+
 var _analytics = require("../../../analytics");
+
 var _inputRules = require("../../../utils/input-rules");
+
 var _analytics2 = require("../../analytics");
+
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 function createInputRule(regexp, nodeType) {
   return (0, _prosemirrorInputrules.wrappingInputRule)(regexp, nodeType, {}, function (_, node) {
     return node.type === nodeType;
   });
 }
+
 var insertList = function insertList(state, listType, listTypeName, start, end) {
   // To ensure that match is done after HardBreak.
   var hardBreak = state.schema.nodes.hardBreak;
+
   if (state.doc.resolve(start).nodeAfter.type !== hardBreak) {
     return null;
-  }
+  } // To ensure no nesting is done.
+
 
-  // To ensure no nesting is done.
   if (state.doc.resolve(start).depth > 1) {
     return null;
-  }
+  } // Track event
+
+
+  _analytics.analyticsService.trackEvent("atlassian.editor.format.list.".concat(listTypeName, ".autoformatting")); // Split at the start of autoformatting and delete formatting characters.
 
-  // Track event
-  _analytics.analyticsService.trackEvent("atlassian.editor.format.list.".concat(listTypeName, ".autoformatting"));
 
-  // Split at the start of autoformatting and delete formatting characters.
-  var tr = state.tr["delete"](start, end).split(start);
+  var tr = state.tr["delete"](start, end).split(start); // If node has more content split at the end of autoformatting.
 
-  // If node has more content split at the end of autoformatting.
   var currentNode = tr.doc.nodeAt(start + 1);
   tr.doc.nodesBetween(start, start + currentNode.nodeSize, function (node, pos) {
     if (node.type === hardBreak) {
       tr = tr.split(pos + 1)["delete"](pos, pos + 1);
     }
-  });
+  }); // Wrap content in list node
 
-  // Wrap content in list node
   var listItem = state.schema.nodes.listItem;
   var position = tr.doc.resolve(start + 2);
   var range = position.blockRange(position);
@@ -58,14 +69,16 @@ var insertList = function insertList(state, listType, listTypeName, start, end)
   }]);
   return tr;
 };
-
 /**
  * Create input rules for bullet list node
  *
  * @param {Schema} schema
  * @returns {InputRule[]}
  */
+
+
 exports.insertList = insertList;
+
 function getBulletListInputRules(schema) {
   var ruleWithBulletListAnalytics = (0, _analytics2.ruleWithAnalytics)(function () {
     return {
@@ -77,9 +90,8 @@ function getBulletListInputRules(schema) {
         inputMethod: _analytics2.INPUT_METHOD.FORMATTING
       }
     };
-  });
+  }); // NOTE: we decided to restrict the creation of bullet lists to only "*"x
 
-  // NOTE: we decided to restrict the creation of bullet lists to only "*"x
   var asteriskRule = (0, _inputRules.defaultInputRuleHandler)(createInputRule(/^\s*([\*\-]) $/, schema.nodes.bulletList), true);
   asteriskRule.handler = (0, _analytics.trackAndInvoke)('atlassian.editor.format.list.bullet.autoformatting', asteriskRule.handler);
   var leafNodeAsteriskRule = (0, _inputRules.createInputRule)(new RegExp("".concat(_inputRules.leafNodeReplacementCharacter, "\\s*([\\*\\-]) $")), function (state, _match, start, end) {
@@ -87,13 +99,14 @@ function getBulletListInputRules(schema) {
   }, true);
   return [ruleWithBulletListAnalytics(asteriskRule), ruleWithBulletListAnalytics(leafNodeAsteriskRule)];
 }
-
 /**
  * Create input rules for strong mark
  *
  * @param {Schema} schema
  * @returns {InputRule[]}
  */
+
+
 function getOrderedListInputRules(schema) {
   var ruleWithOrderedListAnalytics = (0, _analytics2.ruleWithAnalytics)(function () {
     return {
@@ -105,12 +118,11 @@ function getOrderedListInputRules(schema) {
         inputMethod: _analytics2.INPUT_METHOD.FORMATTING
       }
     };
-  });
-
-  // NOTE: There is a built in input rule for ordered lists in ProseMirror. However, that
+  }); // NOTE: There is a built in input rule for ordered lists in ProseMirror. However, that
   // input rule will allow for a list to start at any given number, which isn't allowed in
   // markdown (where a ordered list will always start on 1). This is a slightly modified
   // version of that input rule.
+
   var numberOneRule = (0, _inputRules.defaultInputRuleHandler)(createInputRule(/^(1)[\.\)] $/, schema.nodes.orderedList), true);
   numberOneRule.handler = (0, _analytics.trackAndInvoke)('atlassian.editor.format.list.numbered.autoformatting', numberOneRule.handler);
   var leafNodeNumberOneRule = (0, _inputRules.createInputRule)(new RegExp("".concat(_inputRules.leafNodeReplacementCharacter, "(1)[\\.\\)] $")), function (state, _match, start, end) {
@@ -118,18 +130,23 @@ function getOrderedListInputRules(schema) {
   }, true);
   return [ruleWithOrderedListAnalytics(numberOneRule), ruleWithOrderedListAnalytics(leafNodeNumberOneRule)];
 }
+
 function inputRulePlugin(schema) {
   var rules = [];
+
   if (schema.nodes.bulletList) {
     rules.push.apply(rules, _toConsumableArray(getBulletListInputRules(schema)));
   }
+
   if (schema.nodes.orderedList) {
     rules.push.apply(rules, _toConsumableArray(getOrderedListInputRules(schema)));
   }
+
   if (rules.length !== 0) {
     return (0, _prosemirrorInputrules.inputRules)({
       rules: rules
     });
   }
+
   return;
 }

package/lib/components/rich-editor/plugins/block/lists/pm-plugins/keymap.js

@@ -1,16 +1,23 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 exports.keymapPlugin = keymapPlugin;
+
 var _prosemirrorKeymap = require("prosemirror-keymap");
+
 var keymaps = _interopRequireWildcard(require("../../../../keymaps"));
+
 var _commond = require("../commond");
+
 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 keymapPlugin() {
   var list = {};
   keymaps.bindKeymapWithCommand(keymaps.findShortcutByKeymap(keymaps.toggleOrderedList), (0, _commond.toggleList)('orderedList'), list);
@@ -21,5 +28,6 @@ function keymapPlugin() {
   keymaps.bindKeymapWithCommand(keymaps.backspace.common, _commond.backspaceKeyCommand, list);
   return (0, _prosemirrorKeymap.keymap)(list);
 }
+
 var _default = keymapPlugin;
 exports["default"] = _default;

package/lib/components/rich-editor/plugins/block/lists/pm-plugins/main.js

@@ -4,15 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.pluginKey = exports["default"] = exports.PmListPlugin = void 0;
+
 var _prosemirrorState = require("prosemirror-state");
+
 var _prosemirrorUtils = require("prosemirror-utils");
+
 var _utils = require("../utils");
+
 var _mark = require("../../../../utils/mark");
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var pluginKey = new _prosemirrorState.PluginKey('listsPlugin');
 exports.pluginKey = pluginKey;
+
 var PmListPlugin = function PmListPlugin(dispatch) {
   return new _prosemirrorState.Plugin({
     state: {
@@ -26,13 +35,14 @@ var PmListPlugin = function PmListPlugin(dispatch) {
       },
       apply: function apply(tr, pluginState, _, state) {
         var _state$schema$nodes = state.schema.nodes,
-          bulletList = _state$schema$nodes.bulletList,
-          orderedList = _state$schema$nodes.orderedList;
+            bulletList = _state$schema$nodes.bulletList,
+            orderedList = _state$schema$nodes.orderedList;
         var listParent = (0, _prosemirrorUtils.findParentNodeOfType)([bulletList, orderedList])(tr.selection);
         var bulletListActive = !!listParent && listParent.node.type === bulletList;
         var orderedListActive = !!listParent && listParent.node.type === orderedList;
         var bulletListDisabled = !(bulletListActive || orderedListActive || (0, _utils.isWrappingPossible)(bulletList, state));
         var orderedListDisabled = !(bulletListActive || orderedListActive || (0, _utils.isWrappingPossible)(orderedList, state));
+
         if (bulletListActive !== pluginState.bulletListActive || orderedListActive !== pluginState.orderedListActive || bulletListDisabled !== pluginState.bulletListDisabled || orderedListDisabled !== pluginState.orderedListDisabled) {
           var nextPluginState = _objectSpread(_objectSpread({}, pluginState), {}, {
             bulletListActive: bulletListActive,
@@ -40,9 +50,11 @@ var PmListPlugin = function PmListPlugin(dispatch) {
             bulletListDisabled: bulletListDisabled,
             orderedListDisabled: orderedListDisabled
           });
+
           dispatch(pluginKey, nextPluginState);
           return nextPluginState;
         }
+
         return pluginState;
       }
     },
@@ -50,20 +62,23 @@ var PmListPlugin = function PmListPlugin(dispatch) {
       return {
         update: function update(_ref) {
           var state = _ref.state,
-            dispatch = _ref.dispatch;
+              dispatch = _ref.dispatch;
           var _state$schema$nodes2 = state.schema.nodes,
-            bulletList = _state$schema$nodes2.bulletList,
-            orderedList = _state$schema$nodes2.orderedList;
+              bulletList = _state$schema$nodes2.bulletList,
+              orderedList = _state$schema$nodes2.orderedList;
           var _state$schema$marks = state.schema.marks,
-            alignment = _state$schema$marks.alignment,
-            indentation = _state$schema$marks.indentation;
+              alignment = _state$schema$marks.alignment,
+              indentation = _state$schema$marks.indentation;
           var listParent = (0, _prosemirrorUtils.findParentNodeOfType)([bulletList, orderedList])(state.tr.selection);
+
           if (!listParent) {
             return;
           }
-
           /** Block mark if exists should be removed when toggled to list items */
+
+
           var removeMarks = (0, _mark.removeBlockMarks)(state, [alignment, indentation]);
+
           if (removeMarks) {
             dispatch(removeMarks);
           }
@@ -73,6 +88,7 @@ var PmListPlugin = function PmListPlugin(dispatch) {
     key: pluginKey
   });
 };
+
 exports.PmListPlugin = PmListPlugin;
 var _default = PmListPlugin;
 exports["default"] = _default;

package/lib/components/rich-editor/plugins/block/lists/styles.js

@@ -4,8 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.listsStyles = void 0;
+
 var _styledComponents = require("styled-components");
+
 var _templateObject;
+
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
 var listsStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror li {\n    position: relative;\n\n    > p:not(:first-child) {\n      margin: 4px 0 0 0;\n    }\n  }\n\n  /* Make sure li selections wrap around markers */\n  li.ProseMirror-selectednode {\n    outline: none;\n  }\n\n  li.ProseMirror-selectednode::after {\n    content: '';\n    position: absolute;\n    left: -32px;\n    right: -2px;\n    top: -2px;\n    bottom: -2px;\n    border: 2px solid #8cf;\n    pointer-events: none;\n  }\n"])));
 exports.listsStyles = listsStyles;