@atlaskit/editor-plugin-code-block 17.0.14 → 17.0.15

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/editor-plugin-code-block
 
+## 17.0.15
+
+### Patch Changes
+
+- [`656801b9e097c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/656801b9e097c) -
+  VOLTC-331 - Migrate updated package usage in platform/editor: rewrite barrel imports of
+  voltCompliant provider packages to deep/subpath imports (consumer-side debarrel). No public API
+  changes.
+- Updated dependencies
+
 ## 17.0.14
 
 ### Patch Changes

package/dist/cjs/editor-commands/index.js

@@ -20,7 +20,7 @@ var _preset = require("@atlaskit/editor-common/preset");
 var _transforms = require("@atlaskit/editor-common/transforms");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _actions = require("../pm-plugins/actions");
 var _autoDetectState = require("../pm-plugins/auto-detect-state");
@@ -65,7 +65,7 @@ var changeLanguage = exports.changeLanguage = function changeLanguage(editorAnal
       }
       var node = state.doc.nodeAt(pos);
       var localId = node === null || node === void 0 ? void 0 : node.attrs.localId;
-      var shouldIncludeAutoDetectionContext = (0, _expValEquals.expValEquals)('platform_editor_code_block_q4_lovability', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_code_block_language_detection_flow');
+      var shouldIncludeAutoDetectionContext = (0, _expValEquals.expValEquals)('platform_editor_code_block_q4_lovability', 'isEnabled', true) && (0, _fg.fg)('platform_editor_code_block_language_detection_flow');
       var previousAutoDetectEntry = shouldIncludeAutoDetectionContext ? (_autoDetectPluginKey$ = _autoDetectState.autoDetectPluginKey.getState(state)) === null || _autoDetectPluginKey$ === void 0 ? void 0 : _autoDetectPluginKey$.languageDetectionMap[localId] : undefined;
       var tr = state.tr.setNodeMarkup(pos, codeBlock, _objectSpread(_objectSpread({}, node === null || node === void 0 ? void 0 : node.attrs), {}, {
         language: language

package/dist/cjs/nodeviews/code-block.js

@@ -11,7 +11,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _browser = require("@atlaskit/editor-common/browser");
 var _codeBlock = require("@atlaskit/editor-common/code-block");
 var _model = require("@atlaskit/editor-prosemirror/model");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _editorCommands = require("../editor-commands");
 var _mainState = require("../pm-plugins/main-state");
 var _classNames = require("../ui/class-names");
@@ -39,7 +39,7 @@ var toDOM = function toDOM(node, contentEditable, formattedAriaLabel) {
     contenteditable: contentEditable ? 'true' : 'false',
     'data-testid': 'code-block--code',
     'aria-label': formattedAriaLabel
-  }, (0, _platformFeatureFlags.fg)('platform_editor_adf_with_localid') && {
+  }, (0, _fg.fg)('platform_editor_adf_with_localid') && {
     'data-local-id': node.attrs.localId
   }), 0]]], ['div', {
     class: _classNames.codeBlockClassNames.end,

package/dist/cjs/pm-plugins/codeBlockAutoFullStopTransformPlugin.js

@@ -9,13 +9,13 @@ var _browser = require("@atlaskit/editor-common/browser");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _transforms = require("@atlaskit/editor-common/transforms");
 var _state = require("@atlaskit/editor-prosemirror/state");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var codeBlockAutoFullStopTransformPluginKey = exports.codeBlockAutoFullStopTransformPluginKey = new _state.PluginKey('codeBlockAutoFullStopTransformPluginKey');
 function codeBlockAutoFullStopTransformPlugin() {
   return new _safePlugin.SafePlugin({
     key: codeBlockAutoFullStopTransformPluginKey,
     appendTransaction: function appendTransaction(_transactions, oldState, newState) {
-      if (!(0, _platformFeatureFlags.fg)('code_block_auto_insertion_bug_fix')) {
+      if (!(0, _fg.fg)('code_block_auto_insertion_bug_fix')) {
         return undefined;
       }
 

package/dist/cjs/pm-plugins/toolbar.js

@@ -18,7 +18,7 @@ var _copy = _interopRequireDefault(require("@atlaskit/icon/core/copy"));
 var _delete = _interopRequireDefault(require("@atlaskit/icon/core/delete"));
 var _listNumbered = _interopRequireDefault(require("@atlaskit/icon/core/list-numbered"));
 var _textWrap = _interopRequireDefault(require("@atlaskit/icon/core/text-wrap"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _editorCommands = require("../editor-commands");
@@ -88,7 +88,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig() {
   var formatCodeProvider = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : undefined;
   // Append gated languages (e.g. Mermaid) at runtime. Build a fresh array since
   // createLanguageList sorts in place and would otherwise mutate DEFAULT_LANGUAGES.
-  var supportedLanguages = (0, _platformFeatureFlags.fg)('platform_editor_code_block_mermaid_language') ? [].concat((0, _toConsumableArray2.default)(_languageList.DEFAULT_LANGUAGES), [_languageList.MERMAID_LANGUAGE]) : _languageList.DEFAULT_LANGUAGES;
+  var supportedLanguages = (0, _fg.fg)('platform_editor_code_block_mermaid_language') ? [].concat((0, _toConsumableArray2.default)(_languageList.DEFAULT_LANGUAGES), [_languageList.MERMAID_LANGUAGE]) : _languageList.DEFAULT_LANGUAGES;
   var languageList = (0, _languageList.createLanguageList)(overrideLanguageName ? supportedLanguages.map(function (languageOption) {
     return _objectSpread(_objectSpread({}, languageOption), {}, {
       name: overrideLanguageName(languageOption.name)
@@ -149,8 +149,8 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig() {
     };
     var areAnyNewToolbarFlagsEnabled = (0, _toolbarFlagCheck.areToolbarFlagsEnabled)(Boolean(api === null || api === void 0 ? void 0 : api.toolbar));
     var languagePicker;
-    if ((0, _expValEquals.expValEquals)('platform_editor_code_block_q4_lovability', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_code_block_add_line_number_button')) {
-      var autoDetectEntry = typeof localId === 'string' && (0, _platformFeatureFlags.fg)('platform_editor_code_block_language_detection_flow') ? autoDetectState === null || autoDetectState === void 0 ? void 0 : autoDetectState.languageDetectionMap[localId] : undefined;
+    if ((0, _expValEquals.expValEquals)('platform_editor_code_block_q4_lovability', 'isEnabled', true) && (0, _fg.fg)('platform_editor_code_block_add_line_number_button')) {
+      var autoDetectEntry = typeof localId === 'string' && (0, _fg.fg)('platform_editor_code_block_language_detection_flow') ? autoDetectState === null || autoDetectState === void 0 ? void 0 : autoDetectState.languageDetectionMap[localId] : undefined;
       var autoDetectPickerValue = getAutoDetectPickerValue({
         autoDetectEntry: autoDetectEntry,
         formatMessage: formatMessage,
@@ -299,7 +299,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig() {
         return (0, _utils.findDomRefAtPos)(pos, view.domAtPos.bind(view));
       },
       nodeType: nodeType,
-      items: [languagePicker !== null && languagePicker !== void 0 ? languagePicker : languageSelect].concat((0, _toConsumableArray2.default)(areAnyNewToolbarFlagsEnabled ? [] : [separator]), [codeBlockWrapButton], (0, _toConsumableArray2.default)((0, _expValEquals.expValEquals)('platform_editor_code_block_q4_lovability', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_code_block_add_line_number_button') ? [codeBlockLineNumbersButton].concat((0, _toConsumableArray2.default)(formatCodeProvider ? [formatCodeButton] : [])) : []), (0, _toConsumableArray2.default)(copyAndDeleteButtonMenuItems)),
+      items: [languagePicker !== null && languagePicker !== void 0 ? languagePicker : languageSelect].concat((0, _toConsumableArray2.default)(areAnyNewToolbarFlagsEnabled ? [] : [separator]), [codeBlockWrapButton], (0, _toConsumableArray2.default)((0, _expValEquals.expValEquals)('platform_editor_code_block_q4_lovability', 'isEnabled', true) && (0, _fg.fg)('platform_editor_code_block_add_line_number_button') ? [codeBlockLineNumbersButton].concat((0, _toConsumableArray2.default)(formatCodeProvider ? [formatCodeButton] : [])) : []), (0, _toConsumableArray2.default)(copyAndDeleteButtonMenuItems)),
       scrollable: true
     };
   };

package/dist/cjs/ui/CodeBlockLanguagePicker.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.CodeBlockLanguagePicker = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _editorCommands = require("../editor-commands");
 var _languagePickerOptions = require("./language-picker-options");
 var _LanguagePicker = require("./LanguagePicker");
@@ -35,9 +35,9 @@ var CodeBlockLanguagePicker = exports.CodeBlockLanguagePicker = function CodeBlo
   var handleSelection = (0, _react.useCallback)(function (option, selectionSource, interactionMethod) {
     var _api$analytics;
     var isDetectLanguageSelected = option.value === _languagePickerOptions.DETECT_LANGUAGE_VALUE;
-    var command = isDetectLanguageSelected && ((0, _platformFeatureFlags.fg)('platform_editor_code_block_ga_patch_1') || (0, _platformFeatureFlags.fg)('platform_editor_code_block_language_detection_flow')) ? (0, _editorCommands.detectLanguage)() : (0, _editorCommands.changeLanguage)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)(option.value, selectionSource);
+    var command = isDetectLanguageSelected && ((0, _fg.fg)('platform_editor_code_block_ga_patch_1') || (0, _fg.fg)('platform_editor_code_block_language_detection_flow')) ? (0, _editorCommands.detectLanguage)() : (0, _editorCommands.changeLanguage)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)(option.value, selectionSource);
     var commandSucceeded = command(editorView.state, editorView.dispatch);
-    if ((0, _platformFeatureFlags.fg)('platform_editor_code_block_ga_patch_1')) {
+    if ((0, _fg.fg)('platform_editor_code_block_ga_patch_1')) {
       if (interactionMethod === 'mouse') {
         requestAnimationFrame(function () {
           // Mouse-opened picker should return editing focus to the code block. Keyboard-opened
@@ -55,7 +55,7 @@ var CodeBlockLanguagePicker = exports.CodeBlockLanguagePicker = function CodeBlo
         });
       });
     }
-    if (commandSucceeded && (option.value !== _languagePickerOptions.DETECT_LANGUAGE_VALUE || (0, _platformFeatureFlags.fg)('platform_editor_code_block_ga_patch_1'))) {
+    if (commandSucceeded && (option.value !== _languagePickerOptions.DETECT_LANGUAGE_VALUE || (0, _fg.fg)('platform_editor_code_block_ga_patch_1'))) {
       (0, _recentLanguages.saveRecentLanguage)(option.value);
       setRecentLanguageValues((0, _recentLanguages.getRecentLanguages)());
     }

package/dist/cjs/ui/FormatCodeErrorFlag.js

@@ -10,7 +10,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _messages = require("@atlaskit/editor-common/messages");
-var _flag = _interopRequireWildcard(require("@atlaskit/flag"));
+var _flag = _interopRequireDefault(require("@atlaskit/flag/flag"));
+var _flagGroup = require("@atlaskit/flag/flag-group");
 var _statusError = _interopRequireDefault(require("@atlaskit/icon/core/status-error"));
 var _actions = require("../pm-plugins/actions");
 var _pluginKey = require("../pm-plugins/plugin-key");
@@ -59,7 +60,7 @@ var FormatCodeErrorFlag = exports.FormatCodeErrorFlag = function FormatCodeError
   if (activeFormatCodeErrors.length === 0) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_flag.FlagGroup, {
+  return /*#__PURE__*/_react.default.createElement(_flagGroup.FlagGroup, {
     onDismissed: onFlagGroupDismissed
   }, activeFormatCodeErrors.map(function (formatCodeError) {
     return /*#__PURE__*/_react.default.createElement(FormatCodeErrorFlagItem, {

package/dist/cjs/ui/LanguagePicker.js

@@ -12,13 +12,14 @@ var _runtime = require("@compiled/react/runtime");
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _new = _interopRequireDefault(require("@atlaskit/button/new"));
+var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
 var _messages = require("@atlaskit/editor-common/messages");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _compiled = require("@atlaskit/primitives/compiled");
-var _select = require("@atlaskit/select");
+var _popupSelect = require("@atlaskit/select/popup-select");
+var _components = require("@atlaskit/react-select/components");
 var _languagePickerOptions = require("./language-picker-options");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
@@ -37,13 +38,13 @@ var CustomGroup = function CustomGroup(props) {
     as: "hr",
     xcss: styles.divider,
     role: "presentation"
-  }), /*#__PURE__*/_react.default.createElement(_select.components.Group, props));
+  }), /*#__PURE__*/_react.default.createElement(_components.components.Group, props));
 };
 var CustomOption = function CustomOption(props) {
   return (
     /*#__PURE__*/
     // eslint-disable-next-line react/jsx-props-no-spreading -- react-select custom components must forward all props to the default Option.
-    _react.default.createElement(_select.components.Option, props, /*#__PURE__*/_react.default.createElement("span", {
+    _react.default.createElement(_components.components.Option, props, /*#__PURE__*/_react.default.createElement("span", {
       className: (0, _runtime.ax)(["_vwz478tn"])
     }, props.children))
   );
@@ -153,7 +154,7 @@ var LanguagePicker = exports.LanguagePicker = function LanguagePicker(_ref) {
     }
     var isSearchSelection = inputValueRef.current.trim().length > 0;
     var selectionSource = isSearchSelection ? 'search' : (_option$selectionSour = option.selectionSource) !== null && _option$selectionSour !== void 0 ? _option$selectionSour : 'all';
-    if ((0, _platformFeatureFlags.fg)('platform_editor_code_block_ga_patch_1')) {
+    if ((0, _fg.fg)('platform_editor_code_block_ga_patch_1')) {
       onSelection(option, selectionSource, interactionMethodRef.current);
     } else {
       onSelection(option, selectionSource);
@@ -185,7 +186,7 @@ var LanguagePicker = exports.LanguagePicker = function LanguagePicker(_ref) {
     focusWithoutScrolling(event.currentTarget);
   }, []);
   var handleTriggerMouseUp = (0, _react.useCallback)(function (event) {
-    if ((0, _platformFeatureFlags.fg)('platform_editor_code_block_ga_patch_1')) {
+    if ((0, _fg.fg)('platform_editor_code_block_ga_patch_1')) {
       interactionMethodRef.current = 'mouse';
       // Focus the trigger before PopupSelect opens so FocusLock restores focus to the
       // trigger after a mouse selection. Relying on the button's default mouse focus is too
@@ -204,25 +205,25 @@ var LanguagePicker = exports.LanguagePicker = function LanguagePicker(_ref) {
       ariaExpanded = _ref3['aria-expanded'],
       ariaHasPopup = _ref3['aria-haspopup'];
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _runtime.ax)([styles.trigger, !(0, _platformFeatureFlags.fg)('platform_editor_code_block_ga_patch_1') && styles.legacyTriggerTextOverflow])
-    }, /*#__PURE__*/_react.default.createElement(_new.default, {
+      className: (0, _runtime.ax)([styles.trigger, !(0, _fg.fg)('platform_editor_code_block_ga_patch_1') && styles.legacyTriggerTextOverflow])
+    }, /*#__PURE__*/_react.default.createElement(_button.default, {
       spacing: triggerSpacing,
       shouldFitContainer: true,
-      onMouseDown: (0, _platformFeatureFlags.fg)('platform_editor_code_block_ga_patch_1') ? undefined : handleTriggerMouseDown,
-      onMouseUp: (0, _platformFeatureFlags.fg)('platform_editor_code_block_ga_patch_1') ? handleTriggerMouseUp : undefined,
-      onKeyDownCapture: (0, _platformFeatureFlags.fg)('platform_editor_code_block_ga_patch_1') ? handleTriggerKeyDownCapture : undefined,
+      onMouseDown: (0, _fg.fg)('platform_editor_code_block_ga_patch_1') ? undefined : handleTriggerMouseDown,
+      onMouseUp: (0, _fg.fg)('platform_editor_code_block_ga_patch_1') ? handleTriggerMouseUp : undefined,
+      onKeyDownCapture: (0, _fg.fg)('platform_editor_code_block_ga_patch_1') ? handleTriggerKeyDownCapture : undefined,
       onKeyDown: onKeyDown,
       ref: ref,
       iconAfter: _chevronDown.default,
       appearance: "subtle",
       isSelected: isOpen,
       "aria-controls": ariaControls,
-      "aria-expanded": (0, _platformFeatureFlags.fg)('platform_editor_code_block_ga_patch_1') ? ariaExpanded : undefined,
-      "aria-haspopup": (0, _platformFeatureFlags.fg)('platform_editor_code_block_ga_patch_1') ? ariaHasPopup : undefined,
+      "aria-expanded": (0, _fg.fg)('platform_editor_code_block_ga_patch_1') ? ariaExpanded : undefined,
+      "aria-haspopup": (0, _fg.fg)('platform_editor_code_block_ga_patch_1') ? ariaHasPopup : undefined,
       testId: "code-block-language-picker-trigger"
     }, label));
   }, [label, triggerSpacing, handleTriggerMouseDown, handleTriggerMouseUp, handleTriggerKeyDownCapture]);
-  return /*#__PURE__*/_react.default.createElement(_select.PopupSelect, {
+  return /*#__PURE__*/_react.default.createElement(_popupSelect.PopupSelect, {
     components: popupSelectComponents,
     filterOption: filterOption,
     label: selectLanguageLabel,

package/dist/cjs/ui/language-picker-options.js

@@ -8,7 +8,7 @@ exports.getDetectLanguageOption = exports.createGroupedLanguageOptions = exports
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _messages = require("@atlaskit/editor-common/messages");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var NONE_LANGUAGE_VALUE = exports.NONE_LANGUAGE_VALUE = 'none';
@@ -36,7 +36,7 @@ var createGroupedLanguageOptions = exports.createGroupedLanguageOptions = functi
   var plainTextOption = languages.find(function (language) {
     return language.value === PLAIN_TEXT_LANGUAGE_VALUE;
   });
-  var pinnedOptions = (0, _platformFeatureFlags.fg)('platform_editor_code_block_language_detection_flow') ? [getDetectLanguageOption(formatMessage)] : [];
+  var pinnedOptions = (0, _fg.fg)('platform_editor_code_block_language_detection_flow') ? [getDetectLanguageOption(formatMessage)] : [];
   if (plainTextOption) {
     pinnedOptions.push(_objectSpread(_objectSpread({}, plainTextOption), {}, {
       selectionSource: 'pinned'

package/dist/es2019/editor-commands/index.js

@@ -7,7 +7,7 @@ import { editorCommandToPMCommand } from '@atlaskit/editor-common/preset';
 import { findCodeBlock } from '@atlaskit/editor-common/transforms';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfType, findSelectedNodeOfType, isNodeSelection, removeParentNodeOfType, removeSelectedNode, safeInsert } from '@atlaskit/editor-prosemirror/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ACTIONS } from '../pm-plugins/actions';
 import { autoDetectPluginKey } from '../pm-plugins/auto-detect-state';

package/dist/es2019/nodeviews/code-block.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { codeBlockWrappedStates, defaultWordWrapState } from '@atlaskit/editor-common/code-block';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { resetShouldIgnoreFollowingMutations } from '../editor-commands';
 import { getPluginState } from '../pm-plugins/main-state';
 import { codeBlockClassNames } from '../ui/class-names';

package/dist/es2019/pm-plugins/codeBlockAutoFullStopTransformPlugin.js

@@ -2,7 +2,7 @@ import { getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { findCodeBlock } from '@atlaskit/editor-common/transforms';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 export const codeBlockAutoFullStopTransformPluginKey = new PluginKey('codeBlockAutoFullStopTransformPluginKey');
 export function codeBlockAutoFullStopTransformPlugin() {
   return new SafePlugin({

package/dist/es2019/pm-plugins/toolbar.js

@@ -8,7 +8,7 @@ import CopyIcon from '@atlaskit/icon/core/copy';
 import DeleteIcon from '@atlaskit/icon/core/delete';
 import ListNumberedIcon from '@atlaskit/icon/core/list-numbered';
 import TextWrapIcon from '@atlaskit/icon/core/text-wrap';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { changeLanguage, copyContentToClipboardWithAnalytics, createFormatCodeOnClick, removeCodeBlockWithAnalytics, resetCopiedState, toggleLineNumbersForCodeBlockNode, toggleWordWrapStateForCodeBlockNode } from '../editor-commands';

package/dist/es2019/ui/CodeBlockLanguagePicker.js

@@ -1,5 +1,5 @@
 import React, { useCallback, useState } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { changeLanguage, detectLanguage } from '../editor-commands';
 import { DETECT_LANGUAGE_VALUE } from './language-picker-options';
 import { LanguagePicker } from './LanguagePicker';

package/dist/es2019/ui/FormatCodeErrorFlag.js

@@ -2,7 +2,8 @@ import React, { useCallback } from 'react';
 import { useIntl } from 'react-intl';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { codeBlockButtonMessages } from '@atlaskit/editor-common/messages';
-import AkFlag, { FlagGroup } from '@atlaskit/flag';
+import AkFlag from '@atlaskit/flag/flag';
+import { FlagGroup } from '@atlaskit/flag/flag-group';
 import StatusErrorIcon from '@atlaskit/icon/core/status-error';
 import { ACTIONS } from '../pm-plugins/actions';
 import { pluginKey } from '../pm-plugins/plugin-key';

package/dist/es2019/ui/LanguagePicker.js

@@ -2,13 +2,14 @@
 import "./LanguagePicker.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { Fragment, useCallback, useMemo, useRef, useState } from 'react';
-import Button from '@atlaskit/button/new';
+import Button from '@atlaskit/button/default/button';
 import { codeBlockButtonMessages } from '@atlaskit/editor-common/messages';
 import { akEditorLineHeight } from '@atlaskit/editor-shared-styles';
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Box } from '@atlaskit/primitives/compiled';
-import { PopupSelect, components } from '@atlaskit/select';
+import { PopupSelect } from '@atlaskit/select/popup-select';
+import { components } from '@atlaskit/react-select/components';
 import { createGroupedLanguageOptions } from './language-picker-options';
 const pickerOptionStyles = null;
 const styles = {

package/dist/es2019/ui/language-picker-options.js

@@ -1,5 +1,5 @@
 import { codeBlockButtonMessages } from '@atlaskit/editor-common/messages';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 export const NONE_LANGUAGE_VALUE = 'none';
 export const DETECT_LANGUAGE_VALUE = 'autodetect';
 export const PLAIN_TEXT_LANGUAGE_VALUE = 'text';

package/dist/esm/editor-commands/index.js

@@ -10,7 +10,7 @@ import { editorCommandToPMCommand } from '@atlaskit/editor-common/preset';
 import { findCodeBlock } from '@atlaskit/editor-common/transforms';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfType, findSelectedNodeOfType, isNodeSelection, removeParentNodeOfType, removeSelectedNode, safeInsert } from '@atlaskit/editor-prosemirror/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ACTIONS } from '../pm-plugins/actions';
 import { autoDetectPluginKey } from '../pm-plugins/auto-detect-state';

package/dist/esm/nodeviews/code-block.js

@@ -6,7 +6,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { codeBlockWrappedStates, defaultWordWrapState } from '@atlaskit/editor-common/code-block';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { resetShouldIgnoreFollowingMutations } from '../editor-commands';
 import { getPluginState } from '../pm-plugins/main-state';
 import { codeBlockClassNames } from '../ui/class-names';

package/dist/esm/pm-plugins/codeBlockAutoFullStopTransformPlugin.js

@@ -2,7 +2,7 @@ import { getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { findCodeBlock } from '@atlaskit/editor-common/transforms';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 export var codeBlockAutoFullStopTransformPluginKey = new PluginKey('codeBlockAutoFullStopTransformPluginKey');
 export function codeBlockAutoFullStopTransformPlugin() {
   return new SafePlugin({

package/dist/esm/pm-plugins/toolbar.js

@@ -12,7 +12,7 @@ import CopyIcon from '@atlaskit/icon/core/copy';
 import DeleteIcon from '@atlaskit/icon/core/delete';
 import ListNumberedIcon from '@atlaskit/icon/core/list-numbered';
 import TextWrapIcon from '@atlaskit/icon/core/text-wrap';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { changeLanguage, copyContentToClipboardWithAnalytics, createFormatCodeOnClick, removeCodeBlockWithAnalytics, resetCopiedState, toggleLineNumbersForCodeBlockNode, toggleWordWrapStateForCodeBlockNode } from '../editor-commands';

package/dist/esm/ui/CodeBlockLanguagePicker.js

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useCallback, useState } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { changeLanguage, detectLanguage } from '../editor-commands';
 import { DETECT_LANGUAGE_VALUE } from './language-picker-options';
 import { LanguagePicker } from './LanguagePicker';

package/dist/esm/ui/FormatCodeErrorFlag.js

@@ -2,7 +2,8 @@ import React, { useCallback } from 'react';
 import { useIntl } from 'react-intl';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { codeBlockButtonMessages } from '@atlaskit/editor-common/messages';
-import AkFlag, { FlagGroup } from '@atlaskit/flag';
+import AkFlag from '@atlaskit/flag/flag';
+import { FlagGroup } from '@atlaskit/flag/flag-group';
 import StatusErrorIcon from '@atlaskit/icon/core/status-error';
 import { ACTIONS } from '../pm-plugins/actions';
 import { pluginKey } from '../pm-plugins/plugin-key';

package/dist/esm/ui/LanguagePicker.js

@@ -7,13 +7,14 @@ function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import React, { Fragment, useCallback, useMemo, useRef, useState } from 'react';
-import Button from '@atlaskit/button/new';
+import Button from '@atlaskit/button/default/button';
 import { codeBlockButtonMessages } from '@atlaskit/editor-common/messages';
 import { akEditorLineHeight } from '@atlaskit/editor-shared-styles';
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Box } from '@atlaskit/primitives/compiled';
-import { PopupSelect, components } from '@atlaskit/select';
+import { PopupSelect } from '@atlaskit/select/popup-select';
+import { components } from '@atlaskit/react-select/components';
 import { createGroupedLanguageOptions } from './language-picker-options';
 var pickerOptionStyles = null;
 var styles = {

package/dist/esm/ui/language-picker-options.js

@@ -3,7 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { codeBlockButtonMessages } from '@atlaskit/editor-common/messages';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 export var NONE_LANGUAGE_VALUE = 'none';
 export var DETECT_LANGUAGE_VALUE = 'autodetect';
 export var PLAIN_TEXT_LANGUAGE_VALUE = 'text';

package/dist/types/pm-plugins/ide-ux/line-handling.d.ts

@@ -2,24 +2,24 @@ import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 export declare const isSelectionEntirelyInsideCodeBlock: (state: EditorState) => boolean;
 export declare const isCursorInsideCodeBlock: (state: EditorState) => boolean;
 export declare const getStartOfCurrentLine: (state: EditorState) => {
-    text: string;
     pos: number;
+    text: string;
 };
 export declare const getEndOfCurrentLine: (state: EditorState) => {
-    text: string;
     pos: number;
+    text: string;
 };
 export declare function getLinesFromSelection(state: EditorState): {
-    text: string;
-    start: number;
     end: number;
+    start: number;
+    text: string;
 };
 export declare const forEachLine: (text: string, callback: (line: string, offset: number) => void) => void;
 export declare const getLineInfo: (line: string) => {
+    indentText: string;
     indentToken: {
-        token: string;
-        size: number;
         regex: RegExp;
+        size: number;
+        token: string;
     };
-    indentText: string;
 };

package/dist/types/ui/language-picker-options.d.ts

@@ -1,5 +1,5 @@
 import type { IntlShape } from 'react-intl';
-import type { GroupType } from '@atlaskit/select';
+import type { GroupType } from '@atlaskit/select/types';
 export declare const NONE_LANGUAGE_VALUE = "none";
 export declare const DETECT_LANGUAGE_VALUE = "autodetect";
 export declare const PLAIN_TEXT_LANGUAGE_VALUE = "text";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-code-block",
-	"version": "17.0.14",
+	"version": "17.0.15",
 	"description": "Code block plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -43,6 +43,7 @@
 		"@atlaskit/platform-feature-flags": "^2.1.0",
 		"@atlaskit/primitives": "^22.4.0",
 		"@atlaskit/prosemirror-input-rules": "^4.0.0",
+		"@atlaskit/react-select": "^4.8.0",
 		"@atlaskit/select": "^22.8.0",
 		"@atlaskit/tmp-editor-statsig": "^159.0.0",
 		"@atlaskit/tokens": "^16.8.0",