@atlaskit/editor-plugin-selection-toolbar/dist/es2019/ui/pin-toolbar-config.js

@atlaskit/editor-plugin-selection-toolbar for @atlaskit/editor-core

import React from 'react';
import { selectionToolbarMessages } from '@atlaskit/editor-common/messages';
import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
import PinIcon from '@atlaskit/icon/core/pin';
import PinFilledIcon from '@atlaskit/icon/core/pin-filled';
export const getPinOptionToolbarConfig = ({
  api,
  toolbarDocking,
  intl
}) => {
  var _api$connectivity, _api$connectivity$sha;
  const isOffline = isOfflineMode(api === null || api === void 0 ? void 0 : (_api$connectivity = api.connectivity) === null || _api$connectivity === void 0 ? void 0 : (_api$connectivity$sha = _api$connectivity.sharedState.currentState()) === null || _api$connectivity$sha === void 0 ? void 0 : _api$connectivity$sha.mode);
  let pinButton = {
    disabled: isOffline,
    id: 'editor.toolbar.unpined',
    icon: () => /*#__PURE__*/React.createElement(PinIcon, {
      label: ""
    }),
    onClick: () => {
      var _api$core$actions$exe, _api$userPreferences;
      return (_api$core$actions$exe = api === null || api === void 0 ? void 0 : api.core.actions.execute(api === null || api === void 0 ? void 0 : (_api$userPreferences = api.userPreferences) === null || _api$userPreferences === void 0 ? void 0 : _api$userPreferences.actions.updateUserPreference('toolbarDockingPosition', 'top'))) !== null && _api$core$actions$exe !== void 0 ? _api$core$actions$exe : false;
    },
    title: intl.formatMessage(selectionToolbarMessages.toolbarPositionUnpined),
    type: 'button'
  };
  const isDockedToTop = toolbarDocking === 'top';
  if (isDockedToTop) {
    pinButton = {
      disabled: isOffline,
      id: 'editor.toolbar.pinedToTop',
      icon: () => /*#__PURE__*/React.createElement(PinFilledIcon, {
        label: ""
      }),
      onClick: () => {
        var _api$core$actions$exe2, _api$userPreferences2;
        return (_api$core$actions$exe2 = api === null || api === void 0 ? void 0 : api.core.actions.execute(api === null || api === void 0 ? void 0 : (_api$userPreferences2 = api.userPreferences) === null || _api$userPreferences2 === void 0 ? void 0 : _api$userPreferences2.actions.updateUserPreference('toolbarDockingPosition', 'none'))) !== null && _api$core$actions$exe2 !== void 0 ? _api$core$actions$exe2 : false;
      },
      type: 'button',
      title: intl.formatMessage(selectionToolbarMessages.toolbarPositionPinedAtTop)
    };
  }
  return [{
    type: 'separator',
    fullHeight: true
  }, pinButton];
};