@atlaskit/editor-plugin-extension 18.0.12 → 18.0.14

package/dist/cjs/ui/ConfigPanel/Fields/UserSelect.js

@@ -13,7 +13,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _extensions = require("@atlaskit/editor-common/extensions");
-var _form = require("@atlaskit/form");
+var _field = _interopRequireDefault(require("@atlaskit/form/field"));
 var _smartUserPicker = _interopRequireWildcard(require("@atlaskit/smart-user-picker"));
 var _FieldMessages = _interopRequireDefault(require("../FieldMessages"));
 var _utils = require("../utils");
@@ -230,7 +230,7 @@ function UserSelect(_ref2) {
       cancel = true;
     };
   }, [extensionManifest, field.options.provider]);
-  return /*#__PURE__*/_react.default.createElement(_form.Field, {
+  return /*#__PURE__*/_react.default.createElement(_field.default, {
     name: name,
     label: label,
     isRequired: isRequired,

package/dist/cjs/ui/ConfigPanel/FormErrorBoundary.js

@@ -15,11 +15,12 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _withAnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsContext"));
+var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _extensions = require("@atlaskit/editor-common/extensions");
 var _compiled = require("@atlaskit/primitives/compiled");
-var _sectionMessage = _interopRequireDefault(require("@atlaskit/section-message"));
+var _message = _interopRequireDefault(require("@atlaskit/section-message/message"));
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 // eslint-disable-next-line @repo/internal/react/no-class-components
@@ -127,7 +128,7 @@ var FormErrorBoundaryInner = /*#__PURE__*/function (_React$Component) {
       if (!error) {
         return this.props.children;
       }
-      return /*#__PURE__*/_react.default.createElement(_sectionMessage.default, {
+      return /*#__PURE__*/_react.default.createElement(_message.default, {
         title: intl.formatMessage(_extensions.configPanelMessages.errorBoundaryTitle),
         appearance: "error"
       }, /*#__PURE__*/_react.default.createElement(_compiled.Stack, null, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
@@ -139,5 +140,5 @@ var FormErrorBoundaryInner = /*#__PURE__*/function (_React$Component) {
   }]);
 }(_react.default.Component); // eslint-disable-next-line @typescript-eslint/ban-types
 var FormErrorBoundaryImpl = exports.FormErrorBoundaryImpl = (0, _reactIntl.injectIntl)(FormErrorBoundaryInner);
-var FormErrorBoundary = exports.FormErrorBoundary = (0, _analyticsNext.withAnalyticsContext)()((0, _analyticsNext.withAnalyticsEvents)()(FormErrorBoundaryImpl));
+var FormErrorBoundary = exports.FormErrorBoundary = (0, _withAnalyticsContext.default)()((0, _withAnalyticsEvents.default)()(FormErrorBoundaryImpl));
 FormErrorBoundary.displayName = 'FormErrorBoundary';

package/dist/cjs/ui/ConfigPanel/Header.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntl = require("react-intl");
-var _new = require("@atlaskit/button/new");
+var _button = _interopRequireDefault(require("@atlaskit/button/icon/button"));
 var _extensions = require("@atlaskit/editor-common/extensions");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
@@ -140,7 +140,7 @@ var Header = function Header(_ref) {
     "data-testid": "context-panel-title"
   }, title)), (0, _react2.jsx)("div", {
     css: closeButtonWrapperStyles
-  }, (0, _react2.jsx)(_new.IconButton, {
+  }, (0, _react2.jsx)(_button.default, {
     appearance: "subtle",
     testId: "config-panel-header-close-button",
     label: intl.formatMessage(_extensions.configPanelMessages.close),

package/dist/cjs/ui/ConfigPanel/HelpLink.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.HelpLink = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _link = _interopRequireDefault(require("@atlaskit/link"));
+var _link = _interopRequireDefault(require("@atlaskit/link/link"));
 var HelpLink = exports.HelpLink = function HelpLink(_ref) {
   var documentationUrl = _ref.documentationUrl,
     label = _ref.label;

package/dist/cjs/ui/ConfigPanel/LoadingState.js

@@ -8,8 +8,8 @@ exports.default = void 0;
 var _react = require("@emotion/react");
 var _reactIntl = require("react-intl");
 var _extensions = require("@atlaskit/editor-common/extensions");
-var _sectionMessage = _interopRequireDefault(require("@atlaskit/section-message"));
-var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
+var _message = _interopRequireDefault(require("@atlaskit/section-message/message"));
+var _spinner = _interopRequireDefault(require("@atlaskit/spinner/spinner"));
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 /**
  * @jsxRuntime classic
@@ -31,7 +31,7 @@ var LoadingStateWithErrorHandling = (0, _reactIntl.injectIntl)(function (props)
     return (0, _react.jsx)("div", {
       css: errorWrapperStyles,
       "data-testid": "ConfigPanelLoadingError"
-    }, (0, _react.jsx)(_sectionMessage.default, {
+    }, (0, _react.jsx)(_message.default, {
       appearance: "error"
     }, props.intl.formatMessage(_extensions.messages.panelLoadingError)));
   }

package/dist/cjs/ui/ConfigPanel/NestedForms/RemovableField.js

@@ -10,7 +10,7 @@ var _react2 = require("@emotion/react");
 var _reactIntl = require("react-intl");
 var _extensions = require("@atlaskit/editor-common/extensions");
 var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/cross-circle"));
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -60,7 +60,7 @@ var RemovableField = function RemovableField(_ref) {
     onKeyDown: onClickCallback,
     onFocus: onClickCallback,
     tabIndex: 0
-  }, (0, _react2.jsx)(_tooltip.default, {
+  }, (0, _react2.jsx)(_Tooltip.default, {
     content: intl.formatMessage(_extensions.configPanelMessages.removeField),
     position: "left"
   }, (0, _react2.jsx)(_crossCircle.default, {

package/dist/cjs/ui/ConfigPanel/utils.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.validateRequired = exports.validate = exports.parseParamType = exports.isDuplicateField = exports.getSafeParentedName = exports.getOptionFromValue = exports.getNameFromDuplicateField = exports.getLoggedParameters = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _select = require("@atlaskit/select");
+var _groupedOptionsAnnouncement = require("@atlaskit/select/grouped-options-announcement");
 var _constants = require("./constants");
 var _types = require("./types");
 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; }
@@ -40,7 +40,7 @@ var getOptionFromValue = exports.getOptionFromValue = function getOptionFromValu
     return undefined;
   }
   if (Array.isArray(value)) {
-    if ((0, _select.isOptionsGrouped)(options)) {
+    if ((0, _groupedOptionsAnnouncement.isOptionsGrouped)(options)) {
       return getUngroupedOptions(options).filter(function (option) {
         return value.includes(option.value);
       });
@@ -49,7 +49,7 @@ var getOptionFromValue = exports.getOptionFromValue = function getOptionFromValu
       return value.includes(option.value);
     });
   }
-  if ((0, _select.isOptionsGrouped)(options)) {
+  if ((0, _groupedOptionsAnnouncement.isOptionsGrouped)(options)) {
     return getUngroupedOptions(options).find(function (option) {
       return value === option.value;
     });

package/dist/es2019/extensionPlugin.js

@@ -2,7 +2,7 @@
 import uuid from 'uuid/v4';
 import { extension, extensionFrame, inlineExtension, multiBodiedExtension } from '@atlaskit/adf-schema';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { createEditSelectedExtensionAction, insertOrReplaceBodiedExtension, insertOrReplaceExtension } from './editor-actions/actions';
 import { forceAutoSave } from './editor-commands/commands';
 import { createExtensionAPI } from './pm-plugins/extension-api';

package/dist/es2019/pm-plugins/extension-api.js

@@ -5,7 +5,7 @@ import { JSONTransformer } from '@atlaskit/editor-json-transformer';
 import { Fragment, Mark } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { setTextSelection } 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 { setEditingContextToContextPanel } from '../editor-commands/commands';
 import { insertMacroFromMacroBrowser } from './macro/actions';

package/dist/es2019/ui/ConfigPanel/ConfigPanel.js

@@ -6,15 +6,17 @@ import _isEqual from 'lodash/isEqual';
 import _mergeRecursive from 'lodash/merge';
 import memoizeOne from 'memoize-one';
 import { injectIntl } from 'react-intl';
-import { withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
+import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
+import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { getDocument } from '@atlaskit/browser-apis';
 import ButtonGroup from '@atlaskit/button/button-group';
-import Button from '@atlaskit/button/new';
+import Button from '@atlaskit/button/default/button';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import { isTabGroup, configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import Form, { FormFooter } from '@atlaskit/form';
-import { fg } from '@atlaskit/platform-feature-flags';
+import Form from '@atlaskit/form/form';
+import { FormFooter } from '@atlaskit/form/form-footer';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { ALLOWED_LOGGED_MACRO_PARAMS } from './constants';
 import { DescriptionSummary } from './DescriptionSummary';

package/dist/es2019/ui/ConfigPanel/ErrorMessage/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { injectIntl } from 'react-intl';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
-import EmptyState from '@atlaskit/empty-state';
+import EmptyState from '@atlaskit/empty-state/empty-state';
 import ErrorImage from './ErrorImage';
 const ConfigPanelErrorMessage = ({
   errorMessage,

package/dist/es2019/ui/ConfigPanel/FieldMessages.js

@@ -1,7 +1,8 @@
 import React, { Fragment, useMemo } from 'react';
 import { injectIntl } from 'react-intl';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
-import { ErrorMessage, HelperMessage } from '@atlaskit/form';
+import { ErrorMessage } from '@atlaskit/form/error-message';
+import { HelperMessage } from '@atlaskit/form/helper-message';
 import { Text } from '@atlaskit/primitives/compiled';
 import { FieldTypeError, ValidationError } from './types';
 

package/dist/es2019/ui/ConfigPanel/Fields/Boolean.js

@@ -7,8 +7,8 @@ import React, { Fragment } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
-import { Checkbox as AKCheckbox } from '@atlaskit/checkbox';
-import { Field } from '@atlaskit/form';
+import { Checkbox as AKCheckbox } from '@atlaskit/checkbox/checkbox';
+import Field from '@atlaskit/form/field';
 import { Text } from '@atlaskit/primitives/compiled';
 import AKToggle from '@atlaskit/toggle';
 import FieldMessages from '../FieldMessages';

package/dist/es2019/ui/ConfigPanel/Fields/CheckboxGroup.js

@@ -8,8 +8,9 @@ import { Fragment, useCallback } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
-import { Checkbox as AKCheckbox } from '@atlaskit/checkbox';
-import { Fieldset as AKFieldset, Field } from '@atlaskit/form';
+import { Checkbox as AKCheckbox } from '@atlaskit/checkbox/checkbox';
+import { Fieldset as AKFieldset } from '@atlaskit/form/fieldset';
+import Field from '@atlaskit/form/field';
 import FieldMessages from '../FieldMessages';
 import { ValidationError } from '../types';
 function validate(value, isRequired) {

package/dist/es2019/ui/ConfigPanel/Fields/ColorPicker.js

@@ -8,7 +8,7 @@ import { Fragment } from 'react';
 import { css, jsx } from '@emotion/react';
 import { chartsColorPaletteTooltipMessages, DEFAULT_BORDER_COLOR } from '@atlaskit/editor-common/ui-color';
 import { ColorPickerButton } from '@atlaskit/editor-common/ui-menu';
-import { Field } from '@atlaskit/form';
+import Field from '@atlaskit/form/field';
 import { Text } from '@atlaskit/primitives/compiled';
 import FieldMessages from '../FieldMessages';
 import { validate } from '../utils';

package/dist/es2019/ui/ConfigPanel/Fields/CustomSelect.js

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect, useState } from 'react';
 import { injectIntl } from 'react-intl';
 import { getCustomFieldResolver, configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
-import { Field } from '@atlaskit/form';
-import { AsyncCreatableSelect } from '@atlaskit/select';
+import Field from '@atlaskit/form/field';
+import AsyncCreatableSelect from '@atlaskit/select/async-creatable-select';
 import FieldMessages from '../FieldMessages';
 import { validate } from '../utils';
 import { formatOptionLabel } from './SelectItem';

package/dist/es2019/ui/ConfigPanel/Fields/Date.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { injectIntl } from 'react-intl';
 import { DatePicker } from '@atlaskit/datetime-picker';
-import { Field } from '@atlaskit/form';
+import Field from '@atlaskit/form/field';
 import FieldMessages from '../FieldMessages';
 import { validate } from '../utils';
 function Date({

package/dist/es2019/ui/ConfigPanel/Fields/DateRange.js

@@ -10,9 +10,9 @@ import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl';
 import { DatePicker } from '@atlaskit/datetime-picker';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
-import { Field } from '@atlaskit/form';
-import { RadioGroup } from '@atlaskit/radio';
-import TextField from '@atlaskit/textfield';
+import Field from '@atlaskit/form/field';
+import RadioGroup from '@atlaskit/radio/radio-group';
+import TextField from '@atlaskit/textfield/text-field';
 import FieldMessages from '../FieldMessages';
 import { validate, validateRequired } from '../utils';
 const horizontalFieldsStyles = css({

package/dist/es2019/ui/ConfigPanel/Fields/Expand.js

@@ -7,7 +7,7 @@ import React, { useState } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl';
-import { IconButton } from '@atlaskit/button/new';
+import IconButton from '@atlaskit/button/icon/button';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
 import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';

package/dist/es2019/ui/ConfigPanel/Fields/Fieldset.js

@@ -9,14 +9,14 @@ import React, { Fragment } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl';
-import Button from '@atlaskit/button/new';
+import Button from '@atlaskit/button/default/button';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
-import Heading from '@atlaskit/heading';
+import Heading from '@atlaskit/heading/heading';
 import AddCircleIcon from '@atlaskit/icon/core/add';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, Text, xcss } from '@atlaskit/primitives';
-import SectionMessage from '@atlaskit/section-message';
-import Select from '@atlaskit/select';
+import SectionMessage from '@atlaskit/section-message/message';
+import Select from '@atlaskit/select/default';
 import { getNameFromDuplicateField, isDuplicateField } from '../utils';
 const actionsWrapperStyles = css({
   borderTop: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border, #0B120E24)"}`,

package/dist/es2019/ui/ConfigPanel/Fields/Number.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import isNumber from 'is-number';
-import { Field } from '@atlaskit/form';
-import TextField from '@atlaskit/textfield';
+import Field from '@atlaskit/form/field';
+import TextField from '@atlaskit/textfield/text-field';
 import FieldMessages from '../FieldMessages';
 import { ValidationError } from '../types';
 import { validate } from '../utils';

package/dist/es2019/ui/ConfigPanel/Fields/RadioGroup.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { Fragment } from 'react';
-import { Field } from '@atlaskit/form';
-import { RadioGroup } from '@atlaskit/radio';
+import Field from '@atlaskit/form/field';
+import RadioGroup from '@atlaskit/radio/radio-group';
 import FieldMessages from '../FieldMessages';
 import { FieldTypeError } from '../types';
 import { validate } from '../utils';

package/dist/es2019/ui/ConfigPanel/Fields/Select.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { Fragment } from 'react';
-import { Field } from '@atlaskit/form';
-import Select from '@atlaskit/select';
+import Field from '@atlaskit/form/field';
+import Select from '@atlaskit/select/default';
 import FieldMessages from '../FieldMessages';
 import { getOptionFromValue, validate } from '../utils';
 import { formatOptionLabel } from './SelectItem';

package/dist/es2019/ui/ConfigPanel/Fields/SelectItem.js

@@ -4,7 +4,7 @@
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
-import Avatar from '@atlaskit/avatar';
+import Avatar from '@atlaskit/avatar/avatar';
 const itemWrapperStyles = css({
   display: 'flex',
   alignItems: 'center',

package/dist/es2019/ui/ConfigPanel/Fields/String.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { Fragment } from 'react';
-import { Field } from '@atlaskit/form';
-import TextArea from '@atlaskit/textarea';
-import TextField from '@atlaskit/textfield';
+import Field from '@atlaskit/form/field';
+import TextArea from '@atlaskit/textarea/text-area';
+import TextField from '@atlaskit/textfield/text-field';
 import FieldMessages from '../FieldMessages';
 import { validate } from '../utils';
 export default function String({

package/dist/es2019/ui/ConfigPanel/Fields/TabGroup.js

@@ -7,7 +7,10 @@ import React, { useState } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl';
-import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
+import Tabs from '@atlaskit/tabs/tabs';
+import Tab from '@atlaskit/tabs/tab';
+import TabList from '@atlaskit/tabs/tab-list';
+import TabPanel from '@atlaskit/tabs/tab-panel';
 const panelWrapperStyles = css({
   flexGrow: 1,
   maxWidth: '100%'

package/dist/es2019/ui/ConfigPanel/Fields/UnhandledType.js

@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import { HelperMessage } from '@atlaskit/form';
+import { HelperMessage } from '@atlaskit/form/helper-message';
 export default function ({
   errorMessage
 }) {

package/dist/es2019/ui/ConfigPanel/Fields/UserSelect.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect, useState } from 'react';
 import { getUserFieldContextProvider } from '@atlaskit/editor-common/extensions';
-import { Field } from '@atlaskit/form';
+import Field from '@atlaskit/form/field';
 import SmartUserPicker, { hydrateDefaultValues } from '@atlaskit/smart-user-picker';
 import FieldMessages from '../FieldMessages';
 import { validate } from '../utils';

package/dist/es2019/ui/ConfigPanel/FormErrorBoundary.js

@@ -1,11 +1,12 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { injectIntl } from 'react-intl';
-import { withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
+import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
+import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { ACTION, ACTION_SUBJECT, editorAnalyticsChannel, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
 import { Stack, Text } from '@atlaskit/primitives/compiled';
-import SectionMessage from '@atlaskit/section-message';
+import SectionMessage from '@atlaskit/section-message/message';
 // eslint-disable-next-line @repo/internal/react/no-class-components
 class FormErrorBoundaryInner extends React.Component {
   constructor(...args) {

package/dist/es2019/ui/ConfigPanel/Header.js

@@ -7,7 +7,7 @@ import { Fragment, lazy, Suspense, useMemo } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl';
-import { IconButton } from '@atlaskit/button/new';
+import IconButton from '@atlaskit/button/icon/button';
 // oxlint-disable-next-line import/no-duplicates
 
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';

package/dist/es2019/ui/ConfigPanel/HelpLink.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Link from '@atlaskit/link';
+import Link from '@atlaskit/link/link';
 export const HelpLink = ({
   documentationUrl,
   label

package/dist/es2019/ui/ConfigPanel/LoadingState.js

@@ -7,8 +7,8 @@
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl';
 import { messages } from '@atlaskit/editor-common/extensions';
-import SectionMessage from '@atlaskit/section-message';
-import Spinner from '@atlaskit/spinner';
+import SectionMessage from '@atlaskit/section-message/message';
+import Spinner from '@atlaskit/spinner/spinner';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 const spinnerWrapperStyles = css({
   display: 'flex',

package/dist/es2019/ui/ConfigPanel/NestedForms/RemovableField.js

@@ -9,7 +9,7 @@ import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
 import CrossCircleIcon from '@atlaskit/icon/core/cross-circle';
-import Tooltip from '@atlaskit/tooltip';
+import Tooltip from '@atlaskit/tooltip/Tooltip';
 const removableFieldWrapperStyles = css({
   position: 'relative',
   marginBottom: 0

package/dist/es2019/ui/ConfigPanel/utils.js

@@ -1,4 +1,4 @@
-import { isOptionsGrouped } from '@atlaskit/select';
+import { isOptionsGrouped } from '@atlaskit/select/grouped-options-announcement';
 import { ALLOWED_LOGGED_MACRO_PARAMS, ALLOWED_PARAM_TYPES } from './constants';
 import { ValidationError } from './types';
 export const validate = (field, value) => {

package/dist/esm/extensionPlugin.js

@@ -2,7 +2,7 @@
 import uuid from 'uuid/v4';
 import { extension, extensionFrame, inlineExtension, multiBodiedExtension } from '@atlaskit/adf-schema';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { createEditSelectedExtensionAction, insertOrReplaceBodiedExtension as _insertOrReplaceBodiedExtension, insertOrReplaceExtension as _insertOrReplaceExtension } from './editor-actions/actions';
 import { forceAutoSave } from './editor-commands/commands';
 import { createExtensionAPI } from './pm-plugins/extension-api';

package/dist/esm/pm-plugins/extension-api.js

@@ -9,7 +9,7 @@ import { JSONTransformer } from '@atlaskit/editor-json-transformer';
 import { Fragment, Mark } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { setTextSelection } 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 { setEditingContextToContextPanel } from '../editor-commands/commands';
 import { insertMacroFromMacroBrowser } from './macro/actions';

package/dist/esm/ui/ConfigPanel/ConfigPanel.js

@@ -17,15 +17,17 @@ import _isEqual from 'lodash/isEqual';
 import _mergeRecursive from 'lodash/merge';
 import memoizeOne from 'memoize-one';
 import { injectIntl } from 'react-intl';
-import { withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
+import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
+import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { getDocument } from '@atlaskit/browser-apis';
 import ButtonGroup from '@atlaskit/button/button-group';
-import Button from '@atlaskit/button/new';
+import Button from '@atlaskit/button/default/button';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import { isTabGroup, configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import Form, { FormFooter } from '@atlaskit/form';
-import { fg } from '@atlaskit/platform-feature-flags';
+import Form from '@atlaskit/form/form';
+import { FormFooter } from '@atlaskit/form/form-footer';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { ALLOWED_LOGGED_MACRO_PARAMS } from './constants';
 import { DescriptionSummary } from './DescriptionSummary';

package/dist/esm/ui/ConfigPanel/ErrorMessage/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { injectIntl } from 'react-intl';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
-import EmptyState from '@atlaskit/empty-state';
+import EmptyState from '@atlaskit/empty-state/empty-state';
 import ErrorImage from './ErrorImage';
 var ConfigPanelErrorMessage = function ConfigPanelErrorMessage(_ref) {
   var errorMessage = _ref.errorMessage,

package/dist/esm/ui/ConfigPanel/FieldMessages.js

@@ -1,7 +1,8 @@
 import React, { Fragment, useMemo } from 'react';
 import { injectIntl } from 'react-intl';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
-import { ErrorMessage, HelperMessage } from '@atlaskit/form';
+import { ErrorMessage } from '@atlaskit/form/error-message';
+import { HelperMessage } from '@atlaskit/form/helper-message';
 import { Text } from '@atlaskit/primitives/compiled';
 import { FieldTypeError, ValidationError } from './types';
 

package/dist/esm/ui/ConfigPanel/Fields/Boolean.js

@@ -10,8 +10,8 @@ import React, { Fragment } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
-import { Checkbox as AKCheckbox } from '@atlaskit/checkbox';
-import { Field } from '@atlaskit/form';
+import { Checkbox as AKCheckbox } from '@atlaskit/checkbox/checkbox';
+import Field from '@atlaskit/form/field';
 import { Text } from '@atlaskit/primitives/compiled';
 import AKToggle from '@atlaskit/toggle';
 import FieldMessages from '../FieldMessages';

package/dist/esm/ui/ConfigPanel/Fields/CheckboxGroup.js

@@ -11,8 +11,9 @@ import { Fragment, useCallback } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
-import { Checkbox as AKCheckbox } from '@atlaskit/checkbox';
-import { Fieldset as AKFieldset, Field } from '@atlaskit/form';
+import { Checkbox as AKCheckbox } from '@atlaskit/checkbox/checkbox';
+import { Fieldset as AKFieldset } from '@atlaskit/form/fieldset';
+import Field from '@atlaskit/form/field';
 import FieldMessages from '../FieldMessages';
 import { ValidationError } from '../types';
 function _validate(value, isRequired) {

package/dist/esm/ui/ConfigPanel/Fields/ColorPicker.js

@@ -11,7 +11,7 @@ import { Fragment } from 'react';
 import { css, jsx } from '@emotion/react';
 import { chartsColorPaletteTooltipMessages, DEFAULT_BORDER_COLOR } from '@atlaskit/editor-common/ui-color';
 import { ColorPickerButton } from '@atlaskit/editor-common/ui-menu';
-import { Field } from '@atlaskit/form';
+import Field from '@atlaskit/form/field';
 import { Text } from '@atlaskit/primitives/compiled';
 import FieldMessages from '../FieldMessages';
 import { validate as _validate } from '../utils';

package/dist/esm/ui/ConfigPanel/Fields/CustomSelect.js

@@ -5,8 +5,8 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useEffect, useState } from 'react';
 import { injectIntl } from 'react-intl';
 import { getCustomFieldResolver, configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
-import { Field } from '@atlaskit/form';
-import { AsyncCreatableSelect } from '@atlaskit/select';
+import Field from '@atlaskit/form/field';
+import AsyncCreatableSelect from '@atlaskit/select/async-creatable-select';
 import FieldMessages from '../FieldMessages';
 import { validate as _validate } from '../utils';
 import { formatOptionLabel } from './SelectItem';

package/dist/esm/ui/ConfigPanel/Fields/Date.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { injectIntl } from 'react-intl';
 import { DatePicker } from '@atlaskit/datetime-picker';
-import { Field } from '@atlaskit/form';
+import Field from '@atlaskit/form/field';
 import FieldMessages from '../FieldMessages';
 import { validate as _validate } from '../utils';
 function Date(_ref) {