@atlaskit/editor-core/dist/esm/ui/Toolbar/toolbar-size.js

A package contains Atlassian editor core functionality

import { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage, ToolbarWidthsFullPageNext, ToolbarWidthsNext } from '@atlaskit/editor-common/types';
import { fg } from '@atlaskit/platform-feature-flags';
import { isFullPage } from '../../utils/is-full-page';
// Toolbar sizes for full page editor a little bit different, because it has more buttons e.g. actions button...
var toolbarSizesFullPageNext = [{
  width: ToolbarWidthsFullPageNext.XXL,
  size: ToolbarSize.XXL
}, {
  width: ToolbarWidthsFullPageNext.XL,
  size: ToolbarSize.XL
}, {
  width: ToolbarWidthsFullPageNext.L,
  size: ToolbarSize.L
}, {
  width: ToolbarWidthsFullPageNext.M,
  size: ToolbarSize.M
}, {
  width: ToolbarWidthsFullPageNext.S,
  size: ToolbarSize.S
}];

// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required -- Ignored via go/ED-25883
/** @deprecated
 * To be removed as part of ED-25129 in favour of toolbarSizesFullPageNext along with references
 * to platform_editor_toolbar_responsive_fixes feature gate
 */
var toolbarSizesFullPage = [{
  width: ToolbarWidthsFullPage.XXL,
  size: ToolbarSize.XXL
}, {
  width: ToolbarWidthsFullPage.XL,
  size: ToolbarSize.XL
}, {
  width: ToolbarWidthsFullPage.L,
  size: ToolbarSize.L
}, {
  width: ToolbarWidthsFullPage.M,
  size: ToolbarSize.M
}, {
  width: ToolbarWidthsFullPage.S,
  size: ToolbarSize.S
}];
var toolbarSizesNext = [{
  width: ToolbarWidthsNext.XXL,
  size: ToolbarSize.XXL
}, {
  width: ToolbarWidthsNext.XL,
  size: ToolbarSize.XL
}, {
  width: ToolbarWidthsNext.L,
  size: ToolbarSize.L
}, {
  width: ToolbarWidthsNext.M,
  size: ToolbarSize.M
}, {
  width: ToolbarWidthsNext.S,
  size: ToolbarSize.S
}];

// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required -- Ignored via go/ED-25883
/** @deprecated
 * To be removed as part of ED-25129 in favour of toolbarSizesNext along with references
 * to platform_editor_toolbar_responsive_fixes feature gate
 */
var toolbarSizes = [{
  width: ToolbarWidths.XXL,
  size: ToolbarSize.XXL
}, {
  width: ToolbarWidths.XL,
  size: ToolbarSize.XL
}, {
  width: ToolbarWidths.L,
  size: ToolbarSize.L
}, {
  width: ToolbarWidths.M,
  size: ToolbarSize.M
}, {
  width: ToolbarWidths.S,
  size: ToolbarSize.S
}];
var toolbarSizesForAppearance = function toolbarSizesForAppearance(appearance) {
  return isFullPage(appearance) ? fg('platform_editor_toolbar_responsive_fixes') ? toolbarSizesFullPageNext : toolbarSizesFullPage : fg('platform_editor_toolbar_responsive_fixes') ? toolbarSizesNext : toolbarSizes;
};
export var toolbarSizeToWidth = function toolbarSizeToWidth(toolbarSize, appearance) {
  return (toolbarSizesForAppearance(appearance).find(function (_ref) {
    var size = _ref.size;
    return toolbarSize === size;
  }) || {
    width: ToolbarWidths.S
  }).width;
};
export var widthToToolbarSize = function widthToToolbarSize(toolbarWidth, appearance) {
  return (toolbarSizesForAppearance(appearance).find(function (_ref2) {
    var width = _ref2.width;
    return toolbarWidth > width;
  }) || {
    size: ToolbarSize.XXXS
  }).size;
};