@atlaskit/editor-plugin-text-color/dist/cjs/ui/FloatingToolbarComponent.js

Text color plugin for @atlaskit/editor-core

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.FloatingToolbarComponent = void 0;
var _react = _interopRequireDefault(require("react"));
var _hooks = require("@atlaskit/editor-common/hooks");
var _types = require("../types");
var _ToolbarTextColor = _interopRequireDefault(require("./ToolbarTextColor"));
// Ignored via go/ees005
// eslint-disable-next-line import/no-named-as-default

var FloatingToolbarSettings = {
  disabled: false,
  isReducedSpacing: true
};
var selector = function selector(states) {
  var _states$textColorStat, _states$textColorStat2, _states$textColorStat3, _states$textColorStat4;
  return {
    color: (_states$textColorStat = states.textColorState) === null || _states$textColorStat === void 0 ? void 0 : _states$textColorStat.color,
    defaultColor: (_states$textColorStat2 = states.textColorState) === null || _states$textColorStat2 === void 0 ? void 0 : _states$textColorStat2.defaultColor,
    palette: (_states$textColorStat3 = states.textColorState) === null || _states$textColorStat3 === void 0 ? void 0 : _states$textColorStat3.palette,
    disabled: (_states$textColorStat4 = states.textColorState) === null || _states$textColorStat4 === void 0 ? void 0 : _states$textColorStat4.disabled
  };
};
var FloatingToolbarComponent = exports.FloatingToolbarComponent = function FloatingToolbarComponent(_ref) {
  var api = _ref.api,
    editorView = _ref.editorView,
    dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent;
  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['textColor'], selector),
    color = _useSharedPluginState.color,
    defaultColor = _useSharedPluginState.defaultColor,
    palette = _useSharedPluginState.palette,
    disabled = _useSharedPluginState.disabled;
  if (color === undefined || defaultColor === undefined || palette === undefined) {
    return null;
  }
  return /*#__PURE__*/_react.default.createElement(_ToolbarTextColor.default
  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
  , {
    pluginState: {
      color: color,
      defaultColor: defaultColor,
      palette: palette,
      disabled: disabled
    },
    isReducedSpacing: FloatingToolbarSettings.isReducedSpacing,
    editorView: editorView,
    dispatchAnalyticsEvent: dispatchAnalyticsEvent,
    disabled: FloatingToolbarSettings.disabled,
    pluginInjectionApi: api,
    toolbarType: _types.ToolbarType.FLOATING
  });
};