@atlaskit/editor-core 178.1.1 → 178.1.2

package/dist/cjs/plugins/text-color/commands/toggle-color.js

@@ -4,29 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.toggleColor = void 0;
-
 var _commands = require("../../../utils/commands");
-
 var _main = require("../pm-plugins/main");
-
 var _disabled = require("../utils/disabled");
-
 var toggleColor = function toggleColor(color) {
   return function (state, dispatch) {
     var textColor = state.schema.marks.textColor;
     var tr = state.tr;
     var disabledState = (0, _disabled.getDisabledState)(state);
-
     if (disabledState) {
       if (dispatch) {
         dispatch(tr.setMeta(_main.pluginKey, {
           action: _main.ACTIONS.DISABLE
         }));
       }
-
       return false;
     }
-
     if (dispatch) {
       state.tr.setMeta(_main.pluginKey, {
         action: _main.ACTIONS.SET_COLOR,
@@ -37,9 +30,7 @@ var toggleColor = function toggleColor(color) {
         color: color
       })(state, dispatch);
     }
-
     return true;
   };
 };
-
 exports.toggleColor = toggleColor;

package/dist/cjs/plugins/text-color/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,25 +11,17 @@ Object.defineProperty(exports, "textColorPluginKey", {
     return _main.pluginKey;
   }
 });
-
 var _react = _interopRequireDefault(require("react"));
-
 var _adfSchema = require("@atlaskit/adf-schema");
-
 var _WithPluginState = _interopRequireDefault(require("../../ui/WithPluginState"));
-
 var _main = require("./pm-plugins/main");
-
 var _ToolbarTextColor = _interopRequireDefault(require("./ui/ToolbarTextColor"));
-
 var pluginConfig = function pluginConfig(textColorConfig) {
   if (!textColorConfig || typeof textColorConfig === 'boolean') {
     return undefined;
   }
-
   return textColorConfig;
 };
-
 var textColorPlugin = function textColorPlugin(textColorConfig) {
   return {
     name: 'textColor',
@@ -51,12 +42,12 @@ var textColorPlugin = function textColorPlugin(textColorConfig) {
     },
     primaryToolbarComponent: function primaryToolbarComponent(_ref2) {
       var editorView = _ref2.editorView,
-          popupsMountPoint = _ref2.popupsMountPoint,
-          popupsBoundariesElement = _ref2.popupsBoundariesElement,
-          popupsScrollableElement = _ref2.popupsScrollableElement,
-          isToolbarReducedSpacing = _ref2.isToolbarReducedSpacing,
-          dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent,
-          disabled = _ref2.disabled;
+        popupsMountPoint = _ref2.popupsMountPoint,
+        popupsBoundariesElement = _ref2.popupsBoundariesElement,
+        popupsScrollableElement = _ref2.popupsScrollableElement,
+        isToolbarReducedSpacing = _ref2.isToolbarReducedSpacing,
+        dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent,
+        disabled = _ref2.disabled;
       return /*#__PURE__*/_react.default.createElement(_WithPluginState.default, {
         plugins: {
           textColor: _main.pluginKey
@@ -78,6 +69,5 @@ var textColorPlugin = function textColorPlugin(textColorConfig) {
     }
   };
 };
-
 var _default = textColorPlugin;
 exports.default = _default;

package/dist/cjs/plugins/text-color/pm-plugins/main.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,27 +14,16 @@ Object.defineProperty(exports, "DEFAULT_COLOR", {
 exports.createInitialPluginState = createInitialPluginState;
 exports.createPlugin = createPlugin;
 exports.pluginKey = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-
 var _prosemirrorState = require("prosemirror-state");
-
 var _textColorPalette = require("../../../ui/ColorPalette/Palettes/textColorPalette");
-
 var _common = require("../../../ui/ColorPalette/Palettes/common");
-
 var _color = require("../utils/color");
-
 var _disabled = require("../utils/disabled");
-
 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) { (0, _defineProperty2.default)(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 createInitialPluginState(editorState, pluginConfig) {
   var defaultColor = (pluginConfig === null || pluginConfig === void 0 ? void 0 : pluginConfig.defaultColor) || _color.DEFAULT_COLOR;
   var palette = [{
@@ -51,19 +39,15 @@ function createInitialPluginState(editorState, pluginConfig) {
   };
   return state;
 }
-
 var ACTIONS;
 exports.ACTIONS = ACTIONS;
-
 (function (ACTIONS) {
   ACTIONS[ACTIONS["RESET_COLOR"] = 0] = "RESET_COLOR";
   ACTIONS[ACTIONS["SET_COLOR"] = 1] = "SET_COLOR";
   ACTIONS[ACTIONS["DISABLE"] = 2] = "DISABLE";
 })(ACTIONS || (exports.ACTIONS = ACTIONS = {}));
-
 var pluginKey = new _prosemirrorState.PluginKey('textColorPlugin');
 exports.pluginKey = pluginKey;
-
 function createPlugin(dispatch, pluginConfig) {
   return new _safePlugin.SafePlugin({
     key: pluginKey,
@@ -74,39 +58,33 @@ function createPlugin(dispatch, pluginConfig) {
       apply: function apply(tr, pluginState, _, newState) {
         var meta = tr.getMeta(pluginKey) || {};
         var nextState;
-
         switch (meta.action) {
           case ACTIONS.RESET_COLOR:
             nextState = _objectSpread(_objectSpread({}, pluginState), {}, {
               color: pluginState.defaultColor
             });
             break;
-
           case ACTIONS.SET_COLOR:
             nextState = _objectSpread(_objectSpread({}, pluginState), {}, {
               color: meta.color,
               disabled: false
             });
             break;
-
           case ACTIONS.DISABLE:
             nextState = _objectSpread(_objectSpread({}, pluginState), {}, {
               disabled: true
             });
             break;
-
           default:
             nextState = _objectSpread(_objectSpread({}, pluginState), {}, {
               color: (0, _color.getActiveColor)(newState),
               disabled: (0, _disabled.getDisabledState)(newState)
             });
         }
-
         if (pluginState && pluginState.color !== nextState.color || pluginState && pluginState.disabled !== nextState.disabled) {
           dispatch(pluginKey, nextState);
           return nextState;
         }
-
         return pluginState;
       }
     }

package/dist/cjs/plugins/text-color/ui/ToolbarTextColor/icon.js

@@ -1,19 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EditorTextColorIcon = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _base = _interopRequireDefault(require("@atlaskit/icon/base"));
-
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
+
 var textColorGlyph = function textColorGlyph(props) {
   return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({}, props, {
     width: "24",
@@ -25,12 +21,10 @@ var textColorGlyph = function textColorGlyph(props) {
     fillRule: "evenodd"
   }));
 };
-
 var EditorTextColorIcon = function EditorTextColorIcon() {
   return /*#__PURE__*/_react.default.createElement(_base.default, {
     glyph: textColorGlyph,
     label: ""
   });
 };
-
 exports.EditorTextColorIcon = EditorTextColorIcon;

package/dist/cjs/plugins/text-color/ui/ToolbarTextColor/index.js

@@ -1,68 +1,38 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.messages = exports.default = exports.ToolbarTextColor = 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 _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _reactIntlNext = require("react-intl-next");
-
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
-
 var _ColorPalette = _interopRequireDefault(require("../../../../ui/ColorPalette"));
-
 var _Dropdown = _interopRequireDefault(require("../../../../ui/Dropdown"));
-
 var _styles = require("../../../../ui/styles");
-
 var _ToolbarButton = _interopRequireWildcard(require("../../../../ui/ToolbarButton"));
-
 var _analytics = require("../../../analytics");
-
 var commands = _interopRequireWildcard(require("../../commands/change-color"));
-
 var _icon = require("./icon");
-
 var _styles2 = require("./styles");
-
 var _getFeatureFlags2 = require("../../../feature-flags-context/get-feature-flags");
-
 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 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) { (0, _defineProperty2.default)(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 _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 EXPERIMENT_NAME = 'editor.toolbarTextColor.moreColors';
 var EXPERIMENT_GROUP_CONTROL = 'control';
 var messages = (0, _reactIntlNext.defineMessages)({
@@ -73,21 +43,15 @@ var messages = (0, _reactIntlNext.defineMessages)({
   }
 });
 exports.messages = messages;
-
 var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(ToolbarTextColor, _React$Component);
-
   var _super = _createSuper(ToolbarTextColor);
-
   function ToolbarTextColor() {
     var _this;
-
     (0, _classCallCheck2.default)(this, ToolbarTextColor);
-
     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), "state", {
       isOpen: false
@@ -106,28 +70,23 @@ var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "changeTextColor", function (color, disabled) {
       if (!disabled) {
         var _this$props$editorVie;
+        var palette = _this.props.pluginState.palette;
 
-        var palette = _this.props.pluginState.palette; // we store color names in analytics
-
+        // we store color names in analytics
         var swatch = palette.find(function (sw) {
           return sw.value === color;
         });
-
         _this.dispatchAnalyticsEvent(_this.buildAnalyticsSelectColor({
           color: (swatch ? swatch.label : color).toLowerCase()
         }));
-
         _this.handleOpenChange({
           isOpen: false,
           logCloseEvent: false
         });
-
-        _this.changeColor(color); //To set the focus on the textcolor button when the menu is closed by 'Esc' only to meet aria guidelines
-
-
+        _this.changeColor(color);
+        //To set the focus on the textcolor button when the menu is closed by 'Esc' only to meet aria guidelines
         (_this$props$editorVie = _this.props.editorView) === null || _this$props$editorVie === void 0 ? void 0 : _this$props$editorVie.focus();
       }
-
       return false;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "toggleOpen", function () {
@@ -138,76 +97,61 @@ var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleOpenChange", function (_ref) {
       var isOpen = _ref.isOpen,
-          logCloseEvent = _ref.logCloseEvent,
-          event = _ref.event;
-
+        logCloseEvent = _ref.logCloseEvent,
+        event = _ref.event;
       _this.setState({
         isOpen: isOpen
       });
-
       if (logCloseEvent) {
         _this.dispatchAnalyticsEvent(_this.buildAnalyticsPalette(isOpen ? _analytics.ACTION.OPENED : _analytics.ACTION.CLOSED, {
           noSelect: isOpen === false
         }));
       }
-
       if (!isOpen && event instanceof KeyboardEvent && (event === null || event === void 0 ? void 0 : event.key) === 'Escape') {
         var _this$toolbarItemRef, _this$toolbarItemRef$;
-
         (_this$toolbarItemRef = _this.toolbarItemRef) === null || _this$toolbarItemRef === void 0 ? void 0 : (_this$toolbarItemRef$ = _this$toolbarItemRef.current) === null || _this$toolbarItemRef$ === void 0 ? void 0 : _this$toolbarItemRef$.focus();
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "hide", function (e) {
       var isOpen = _this.state.isOpen;
-
       if (isOpen === true) {
         _this.dispatchAnalyticsEvent(_this.buildAnalyticsPalette(_analytics.ACTION.CLOSED, {
           noSelect: true
         }));
-
         _this.setState({
           isOpen: false
         });
-
         if (e instanceof KeyboardEvent && e.key === 'Escape') {
           var _this$toolbarItemRef2, _this$toolbarItemRef3;
-
           (_this$toolbarItemRef2 = _this.toolbarItemRef) === null || _this$toolbarItemRef2 === void 0 ? void 0 : (_this$toolbarItemRef3 = _this$toolbarItemRef2.current) === null || _this$toolbarItemRef3 === void 0 ? void 0 : _this$toolbarItemRef3.focus();
         }
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "hideonEsc", function (e) {
       var _this$toolbarItemRef4, _this$toolbarItemRef5;
-
       _this.hide(e);
-
       (_this$toolbarItemRef4 = _this.toolbarItemRef) === null || _this$toolbarItemRef4 === void 0 ? void 0 : (_this$toolbarItemRef5 = _this$toolbarItemRef4.current) === null || _this$toolbarItemRef5 === void 0 ? void 0 : _this$toolbarItemRef5.focus();
     });
     return _this;
   }
-
   (0, _createClass2.default)(ToolbarTextColor, [{
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var isOpen = this.state.isOpen;
       var _this$props = this.props,
-          popupsMountPoint = _this$props.popupsMountPoint,
-          popupsBoundariesElement = _this$props.popupsBoundariesElement,
-          popupsScrollableElement = _this$props.popupsScrollableElement,
-          isReducedSpacing = _this$props.isReducedSpacing,
-          pluginState = _this$props.pluginState,
-          formatMessage = _this$props.intl.formatMessage,
-          disabled = _this$props.disabled;
+        popupsMountPoint = _this$props.popupsMountPoint,
+        popupsBoundariesElement = _this$props.popupsBoundariesElement,
+        popupsScrollableElement = _this$props.popupsScrollableElement,
+        isReducedSpacing = _this$props.isReducedSpacing,
+        pluginState = _this$props.pluginState,
+        formatMessage = _this$props.intl.formatMessage,
+        disabled = _this$props.disabled;
       var labelTextColor = formatMessage(messages.textColor);
       var palette = pluginState.palette;
-
       var _getFeatureFlags = (0, _getFeatureFlags2.getFeatureFlags)(this.props.editorView.state),
-          useSomewhatSemanticTextColorNames = _getFeatureFlags.useSomewhatSemanticTextColorNames;
-
+        useSomewhatSemanticTextColorNames = _getFeatureFlags.useSomewhatSemanticTextColorNames;
       var fitWidth;
-
       if (document.body.clientWidth <= 740) {
         // This was originally hard-coded, but moved here to a const
         // My guess is it's based off (width of button * columns) + left/right padding
@@ -215,7 +159,6 @@ var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
         // Not sure where the extra 2px comes from
         fitWidth = 242;
       }
-
       var selectedColor = pluginState.color !== pluginState.defaultColor && pluginState.color;
       return (0, _react2.jsx)("span", {
         css: _styles.wrapperStyle
@@ -301,7 +244,6 @@ var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
     key: "dispatchAnalyticsEvent",
     value: function dispatchAnalyticsEvent(payload) {
       var dispatchAnalyticsEvent = this.props.dispatchAnalyticsEvent;
-
       if (dispatchAnalyticsEvent) {
         dispatchAnalyticsEvent(payload);
       }
@@ -309,9 +251,6 @@ var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
   }]);
   return ToolbarTextColor;
 }(_react.default.Component);
-
 exports.ToolbarTextColor = ToolbarTextColor;
-
 var _default = (0, _reactIntlNext.injectIntl)(ToolbarTextColor);
-
 exports.default = _default;

package/dist/cjs/plugins/text-color/ui/ToolbarTextColor/styles.js

@@ -1,48 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.textColorIconWrapper = exports.textColorIconBar = exports.backgroundDisabled = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _constants = require("@atlaskit/theme/constants");
-
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
-
 var _templateObject, _templateObject2, _templateObject3;
-
 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; }
-
 var createSteppedRainbow = function createSteppedRainbow(colors) {
   return "\n    linear-gradient(\n      to right,\n      ".concat(colors.map(function (color, i) {
     var inc = 100 / colors.length;
     var pos = i + 1;
-
     if (i === 0) {
       return "".concat(color, " ").concat(pos * inc, "%,");
     }
-
     if (i === colors.length - 1) {
       return "".concat(color, " ").concat((pos - 1) * inc, "%");
     }
-
     return "\n            ".concat(color, " ").concat((pos - 1) * inc, "%,\n            ").concat(color, " ").concat(pos * inc, "%,\n          ");
   }).join('\n'), "\n    );\n    ");
-}; // TODO: https://product-fabric.atlassian.net/browse/DSP-4137
+};
 
+// TODO: https://product-fabric.atlassian.net/browse/DSP-4137
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-
-
 var rainbow = createSteppedRainbow([colors.P300, colors.T300, colors.Y400, colors.R400]);
 var disabledRainbow = createSteppedRainbow([colors.N80, colors.N60, colors.N40, colors.N60]);
 /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */

package/dist/cjs/plugins/text-color/utils/color.js

@@ -4,28 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getActiveColor = exports.DEFAULT_COLOR = void 0;
-
 var _colors = require("@atlaskit/theme/colors");
-
 var DEFAULT_COLOR = {
   // TODO: https://product-fabric.atlassian.net/browse/DSP-4137
-
   /* eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage */
   color: _colors.N800.toLowerCase(),
   label: 'Dark gray'
 };
 exports.DEFAULT_COLOR = DEFAULT_COLOR;
-
 var getActiveColor = function getActiveColor(state) {
   var _ref = state.selection,
-      $from = _ref.$from,
-      $to = _ref.$to,
-      $cursor = _ref.$cursor;
+    $from = _ref.$from,
+    $to = _ref.$to,
+    $cursor = _ref.$cursor;
   var _ref2 = state.schema.marks,
-      textColor = _ref2.textColor; // Filter out other marks
+    textColor = _ref2.textColor;
 
+  // Filter out other marks
   var marks = [];
-
   if ($cursor) {
     marks.push(textColor.isInSet(state.storedMarks || $cursor.marks()) || undefined);
   } else {
@@ -35,30 +31,26 @@ var getActiveColor = function getActiveColor(state) {
         marks.push(mark);
         return !mark;
       }
-
       return true;
     });
-  } // Merge consecutive same color marks
-
+  }
 
+  // Merge consecutive same color marks
   var prevMark;
   marks = marks.filter(function (mark) {
     if (mark && prevMark && mark.attrs.color === prevMark.attrs.color) {
       return false;
     }
-
     prevMark = mark;
     return true;
   });
   var marksWithColor = marks.filter(function (mark) {
     return !!mark;
-  }); // When multiple colors are selected revert back to default color
-
+  });
+  // When multiple colors are selected revert back to default color
   if (marksWithColor.length > 1 || marksWithColor.length === 1 && marks.length > 1) {
     return null;
   }
-
   return marksWithColor.length ? marksWithColor[0].attrs.color : DEFAULT_COLOR.color;
 };
-
 exports.getActiveColor = getActiveColor;

package/dist/cjs/plugins/text-color/utils/disabled.js

@@ -4,41 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getDisabledState = void 0;
-
 var _mark = require("../../../utils/mark");
-
 var hasLinkMark = function hasLinkMark($pos) {
   var linkMarkType = $pos.doc.type.schema.marks.link,
-      pos = $pos.pos;
-
+    pos = $pos.pos;
   if (!linkMarkType) {
     return false;
   }
-
   return $pos.doc.rangeHasMark(pos, Math.min(pos + 1, $pos.doc.content.size), linkMarkType);
 };
-
 var getDisabledState = function getDisabledState(state) {
   var textColor = state.schema.marks.textColor;
-
   if (textColor) {
     var _ref = state.selection,
-        empty = _ref.empty,
-        ranges = _ref.ranges,
-        $cursor = _ref.$cursor;
-
+      empty = _ref.empty,
+      ranges = _ref.ranges,
+      $cursor = _ref.$cursor;
     if (empty && !$cursor || $cursor && hasLinkMark($cursor) || (0, _mark.isMarkAllowedInRange)(state.doc, ranges, textColor) === false) {
       return true;
     }
-
     if ((0, _mark.isMarkExcluded)(textColor, state.storedMarks || $cursor && $cursor.marks())) {
       return true;
     }
-
     return false;
   }
-
   return true;
 };
-
 exports.getDisabledState = getDisabledState;