@atlaskit/editor-plugin-status/dist/es2019/ui/getSuggestedStatuses.js

Status plugin for @atlaskit/editor-core

import { getLozengeAppearance } from '@atlaskit/status/status-colors';
export const MAX_SUGGESTED_STATUSES = 20;
// Remove when cleaning up `platform_editor_status_popup_suggestions_patch_1`.
export const MAX_SUGGESTED_STATUSES_OLD = 7;

// `color` may be a legacy name or a hex value that render the same hue (e.g. `green` and
// `#D3F1A7` both resolve to `accent-lime`), so the key is built from the resolved appearance
// rather than the raw attribute value — otherwise both variants would surface as suggestions.
const getStatusKey = ({
  color,
  text
}) => `${getLozengeAppearance(color)}:${text.trim().toLowerCase()}`;
const getDisplayText = (status, shouldUppercaseText) => shouldUppercaseText && status.style !== 'mixedCase' ? status.text.toUpperCase() : status.text;
export const getSuggestedStatuses = ({
  currentPos,
  currentStatus,
  doc,
  limit = MAX_SUGGESTED_STATUSES,
  shouldUppercaseText = false
}) => {
  const closestStatusesByKey = new Map();
  const currentStatusKey = getStatusKey(currentStatus);
  doc.descendants((node, pos) => {
    if (node.type.name !== 'status' || pos === currentPos) {
      return;
    }
    const text = typeof node.attrs.text === 'string' ? node.attrs.text.trim() : '';
    if (!text) {
      return;
    }
    const status = {
      color: node.attrs.color,
      localId: node.attrs.localId,
      style: node.attrs.style,
      text
    };
    const statusKey = getStatusKey(status);
    if (status.localId === currentStatus.localId || statusKey === currentStatusKey) {
      return;
    }
    const existingStatus = closestStatusesByKey.get(statusKey);
    const nextStatus = {
      ...status,
      distance: Math.abs(pos - currentPos),
      displayText: getDisplayText(status, shouldUppercaseText)
    };
    if (!existingStatus || nextStatus.distance < existingStatus.distance) {
      closestStatusesByKey.set(statusKey, nextStatus);
    }
  });
  return Array.from(closestStatusesByKey.values()).sort((statusA, statusB) => {
    if (statusA.distance !== statusB.distance) {
      return statusA.distance - statusB.distance;
    }
    if (statusA.displayText !== statusB.displayText) {
      return statusA.displayText.localeCompare(statusB.displayText);
    }
    return statusA.color.localeCompare(statusB.color);
  }).slice(0, limit).map(({
    distance: _distance,
    ...status
  }) => status);
};