@atlaskit/editor-plugin-extension 5.2.5 → 5.2.6

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

@@ -55,14 +55,16 @@ function Checkbox(_ref) {
     _field$isRequired = field.isRequired,
     isRequired = _field$isRequired === void 0 ? false : _field$isRequired,
     _field$defaultValue = field.defaultValue,
-    defaultValue = _field$defaultValue === void 0 ? false : _field$defaultValue;
+    defaultValue = _field$defaultValue === void 0 ? false : _field$defaultValue,
+    isDisabled = field.isDisabled;
   return jsx(Field, {
     name: name,
     isRequired: isRequired,
     validate: function validate(value) {
       return _validate(value, isRequired);
     },
-    defaultValue: defaultValue
+    defaultValue: defaultValue,
+    isDisabled: isDisabled
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
       error = _ref2.error;
@@ -92,7 +94,8 @@ function Toggle(_ref3) {
     _field$isRequired2 = field.isRequired,
     isRequired = _field$isRequired2 === void 0 ? false : _field$isRequired2,
     _field$defaultValue2 = field.defaultValue,
-    defaultValue = _field$defaultValue2 === void 0 ? false : _field$defaultValue2;
+    defaultValue = _field$defaultValue2 === void 0 ? false : _field$defaultValue2,
+    isDisabled = field.isDisabled;
   return jsx(Field, {
     name: name,
     isRequired: isRequired,
@@ -100,7 +103,8 @@ function Toggle(_ref3) {
       return _validate(value, isRequired);
     },
     defaultValue: defaultValue,
-    testId: "config-panel-toggle-".concat(name)
+    testId: "config-panel-toggle-".concat(name),
+    isDisabled: isDisabled
   }, function (_ref4) {
     var fieldProps = _ref4.fieldProps,
       error = _ref4.error;

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

@@ -79,7 +79,8 @@ export default function CheckboxGroup(_ref3) {
     defaultValue = field.defaultValue,
     _field$isRequired = field.isRequired,
     isRequired = _field$isRequired === void 0 ? false : _field$isRequired,
-    options = field.items;
+    options = field.items,
+    isDisabled = field.isDisabled;
   var label = jsx(Fragment, null, labelBase, isRequired ? jsx("span", {
     css: requiredIndicatorStyles,
     "aria-hidden": "true"
@@ -93,7 +94,8 @@ export default function CheckboxGroup(_ref3) {
     defaultValue: defaultValue,
     validate: function validate(value) {
       return _validate(value, isRequired);
-    }
+    },
+    isDisabled: isDisabled
   }, function (props) {
     return jsx(CheckboxGroupInner, _extends({
       label: label,

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

@@ -376,7 +376,8 @@ var ColorPickerField = function ColorPickerField(_ref) {
     featureFlags = _ref.featureFlags;
   var label = field.label,
     defaultValue = field.defaultValue,
-    isRequired = field.isRequired;
+    isRequired = field.isRequired,
+    isDisabled = field.isDisabled;
   return jsx(Field, {
     name: name,
     isRequired: isRequired,
@@ -384,7 +385,8 @@ var ColorPickerField = function ColorPickerField(_ref) {
     testId: "config-panel-color-picker-".concat(name),
     validate: function validate(value) {
       return _validate(field, value || '');
-    }
+    },
+    isDisabled: isDisabled
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
       error = _ref2.error;

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

@@ -35,7 +35,8 @@ function CustomSelect(_ref2) {
     isMultiple = field.isMultiple,
     isRequired = field.isRequired,
     label = field.label,
-    options = field.options;
+    options = field.options,
+    isDisabled = field.isDisabled;
   var _useState = useState(true),
     _useState2 = _slicedToArray(_useState, 2),
     loading = _useState2[0],
@@ -141,7 +142,8 @@ function CustomSelect(_ref2) {
     validate: function validate(value) {
       return _validate(field, value);
     },
-    testId: "config-panel-custom-select-".concat(name)
+    testId: "config-panel-custom-select-".concat(name),
+    isDisabled: isDisabled
   }, function (_ref3) {
     var fieldProps = _ref3.fieldProps,
       error = _ref3.error;

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

@@ -15,7 +15,8 @@ function Date(_ref) {
   var label = field.label,
     description = field.description,
     defaultValue = field.defaultValue,
-    isRequired = field.isRequired;
+    isRequired = field.isRequired,
+    isDisabled = field.isDisabled;
   return /*#__PURE__*/React.createElement(Field, {
     name: name,
     label: label,
@@ -24,7 +25,8 @@ function Date(_ref) {
     validate: function validate(value) {
       return _validate(field, value);
     },
-    testId: "config-panel-date-picker-".concat(name)
+    testId: "config-panel-date-picker-".concat(name),
+    isDisabled: isDisabled
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
       error = _ref2.error;

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

@@ -42,7 +42,8 @@ var DateField = function DateField(_ref) {
     fieldName = _ref.fieldName,
     onFieldChange = _ref.onFieldChange,
     intl = _ref.intl,
-    isRequired = _ref.isRequired;
+    isRequired = _ref.isRequired,
+    isDisabled = _ref.isDisabled;
   return jsx("div", {
     css: horizontalFieldWrapperStyles,
     key: fieldName
@@ -55,7 +56,8 @@ var DateField = function DateField(_ref) {
       return validateRequired({
         isRequired: isRequired
       }, value);
-    }
+    },
+    isDisabled: isDisabled
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
       error = _ref2.error;
@@ -120,7 +122,8 @@ var DateRange = function DateRange(_ref3) {
     validate: function validate(value) {
       return _validate(field, value || '');
     },
-    testId: "config-panel-date-range-".concat(name)
+    testId: "config-panel-date-range-".concat(name),
+    isDisabled: field.isDisabled
   }, function (_ref5) {
     var fieldProps = _ref5.fieldProps,
       error = _ref5.error;
@@ -157,14 +160,16 @@ var DateRange = function DateRange(_ref3) {
     fieldName: "from",
     onFieldChange: onFieldChange,
     intl: intl,
-    isRequired: field.isRequired
+    isRequired: field.isRequired,
+    isDisabled: field.isDisabled
   }), jsx(DateField, {
     scope: name,
     parentField: field,
     fieldName: "to",
     onFieldChange: onFieldChange,
     intl: intl,
-    isRequired: field.isRequired
+    isRequired: field.isRequired,
+    isDisabled: field.isDisabled
   })), jsx(FieldMessages, {
     description: field.description
   }));

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

@@ -252,7 +252,8 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
         canRemoveFields: field.options.isDynamic && visibleFields.size > 1,
         onClickRemove: this.onClickRemove,
         onFieldChange: onFieldChange,
-        firstVisibleFieldName: firstVisibleFieldName
+        firstVisibleFieldName: firstVisibleFieldName,
+        isDisabled: field.isDisabled
       }), children && jsx("div", {
         css: actionsWrapperStyles,
         "data-testId": "fieldset-actions"

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

@@ -15,7 +15,8 @@ export default function Number(_ref) {
   var label = field.label,
     description = field.description,
     defaultValue = field.defaultValue,
-    isRequired = field.isRequired;
+    isRequired = field.isRequired,
+    isDisabled = field.isDisabled;
   function validateNumber(value) {
     var error = validate(field, value || '');
     if (error) {
@@ -35,7 +36,8 @@ export default function Number(_ref) {
     defaultValue: defaultValue === undefined ? '' : String(defaultValue),
     isRequired: isRequired,
     validate: validateNumber,
-    testId: "config-panel-number-".concat(name)
+    testId: "config-panel-number-".concat(name),
+    isDisabled: isDisabled
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
       error = _ref2.error,

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

@@ -25,7 +25,8 @@ export default function RadioField(_ref) {
     validate: function validate(value) {
       return _validate(field, value);
     },
-    testId: "config-panel-radio-group-".concat(field.name)
+    testId: "config-panel-radio-group-".concat(field.name),
+    isDisabled: field.isDisabled
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
       error = _ref2.error;

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

@@ -28,7 +28,8 @@ export default function SelectField(_ref) {
       // Ignored via go/ees005
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       return _validate(field, value);
-    }
+    },
+    isDisabled: field.isDisabled
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
       error = _ref2.error;

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

@@ -16,7 +16,8 @@ export default function String(_ref) {
   var label = field.label,
     description = field.description,
     defaultValue = field.defaultValue,
-    isRequired = field.isRequired;
+    isRequired = field.isRequired,
+    isDisabled = field.isDisabled;
   return /*#__PURE__*/React.createElement(Field, {
     name: name,
     label: label,
@@ -25,7 +26,8 @@ export default function String(_ref) {
     validate: function validate(value) {
       return _validate(field, value || '');
     },
-    testId: "config-panel-string-".concat(name)
+    testId: "config-panel-string-".concat(name),
+    isDisabled: isDisabled
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps,
       error = _ref2.error,

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

@@ -172,7 +172,8 @@ export default function UserSelect(_ref2) {
     defaultValue = field.defaultValue,
     description = field.description,
     isRequired = field.isRequired,
-    options = field.options;
+    options = field.options,
+    isDisabled = field.isDisabled;
   var type = options.provider.type;
   useEffect(function () {
     var cancel = false;
@@ -229,7 +230,8 @@ export default function UserSelect(_ref2) {
     validate: function validate(value) {
       return _validate(field, value);
     },
-    testId: "config-panel-user-select-".concat(name)
+    testId: "config-panel-user-select-".concat(name),
+    isDisabled: isDisabled
   }, function (_ref3) {
     var fieldProps = _ref3.fieldProps,
       error = _ref3.error,
@@ -239,7 +241,7 @@ export default function UserSelect(_ref2) {
       return /*#__PURE__*/React.createElement(UnhandledType, {
         key: name,
         field: field,
-        errorMessage: "Field \"".concat(name, "\" can't be renderered. Missing provider for \"").concat(type, "\".")
+        errorMessage: "Field \"".concat(name, "\" can't be rendered. Missing provider for \"").concat(type, "\".")
       });
     }
     function onChange(newValue) {

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

@@ -3,6 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 React from 'react';
 import { isFieldset } from '@atlaskit/editor-common/extensions';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import Boolean from './Fields/Boolean';
 import ColorPicker from './Fields/ColorPicker';
 import CustomSelect from './Fields/CustomSelect';
@@ -139,7 +140,8 @@ export function FieldComponent(_ref) {
           parameters: resolvedParameters,
           onFieldChange: onFieldChange,
           extensionManifest: extensionManifest,
-          featureFlags: featureFlags
+          featureFlags: featureFlags,
+          isDisabled: field.isDisabled
         }));
       }
     case 'tab-group':
@@ -157,7 +159,8 @@ export function FieldComponent(_ref) {
             parameters: tabParameters,
             onFieldChange: onFieldChange,
             extensionManifest: extensionManifest,
-            featureFlags: featureFlags
+            featureFlags: featureFlags,
+            isDisabled: field.isDisabled
           });
         };
         return /*#__PURE__*/React.createElement(TabGroup, {
@@ -191,12 +194,22 @@ export default function FormContent(_ref3) {
     onFieldChange = _ref3.onFieldChange,
     firstVisibleFieldName = _ref3.firstVisibleFieldName,
     contextIdentifierProvider = _ref3.contextIdentifierProvider,
-    featureFlags = _ref3.featureFlags;
+    featureFlags = _ref3.featureFlags,
+    isDisabled = _ref3.isDisabled;
+  var mappedFields = fields;
+  if (editorExperiment('platform_editor_offline_editing_web', true)) {
+    mappedFields = fields.map(function (field) {
+      var _field$isDisabled;
+      return _objectSpread(_objectSpread({}, field), {}, {
+        isDisabled: (_field$isDisabled = field.isDisabled) !== null && _field$isDisabled !== void 0 ? _field$isDisabled : isDisabled
+      });
+    });
+  }
   return /*#__PURE__*/React.createElement(FormErrorBoundary, {
     contextIdentifierProvider: contextIdentifierProvider,
     extensionKey: extensionManifest.key,
-    fields: fields
-  }, fields.map(function (field) {
+    fields: mappedFields
+  }, mappedFields.map(function (field) {
     var fieldElement = /*#__PURE__*/React.createElement(FieldComponent, {
       field: field,
       parameters: parameters || {},

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

@@ -4,13 +4,37 @@
  */
 // 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-next';
+import { messages } from '@atlaskit/editor-common/extensions';
+import SectionMessage from '@atlaskit/section-message';
 import Spinner from '@atlaskit/spinner';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 var spinnerWrapperStyles = css({
   display: 'flex',
   justifyContent: 'center',
   marginTop: "var(--ds-space-800, 64px)"
 });
-var LoadingState = function LoadingState() {
+var errorWrapperStyles = css({
+  marginTop: "var(--ds-space-400, 32px)" // Add some padding to the top to make sure we place this below the offline status banner
+});
+var LoadingStateWithErrorHandling = injectIntl(function (props) {
+  if (props.error) {
+    return jsx("div", {
+      css: errorWrapperStyles,
+      "data-testid": "ConfigPanelLoadingError"
+    }, jsx(SectionMessage, {
+      appearance: "error"
+    }, props.intl.formatMessage(messages.panelLoadingError)));
+  }
+  return jsx("div", {
+    css: spinnerWrapperStyles,
+    "data-testid": "ConfigPanelLoading"
+  }, jsx(Spinner, {
+    size: "small",
+    interactionName: "config-panel-spinner"
+  }));
+});
+var LoadingStateWithoutErrorHandling = function LoadingStateWithoutErrorHandling() {
   return jsx("div", {
     css: spinnerWrapperStyles,
     "data-testid": "ConfigPanelLoading"
@@ -19,4 +43,7 @@ var LoadingState = function LoadingState() {
     interactionName: "config-panel-spinner"
   }));
 };
+var LoadingState = function LoadingState(props) {
+  return editorExperiment('platform_editor_offline_editing_web', true) ? LoadingStateWithErrorHandling(props) : LoadingStateWithoutErrorHandling();
+};
 export default LoadingState;

package/dist/types/extensionPluginType.d.ts

@@ -4,6 +4,7 @@ import type { ExtensionAPI, ExtensionHandlers, ExtensionProvider, Parameters, Tr
 import type { MacroProvider } from '@atlaskit/editor-common/provider-factory';
 import type { EditorAppearance, LongPressSelectionPluginOptions, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import { ConnectivityPlugin } from '@atlaskit/editor-plugin-connectivity';
 import type { ContextIdentifierPlugin } from '@atlaskit/editor-plugin-context-identifier';
 import type { ApplyChangeHandler, ContextPanelPlugin } from '@atlaskit/editor-plugin-context-panel';
 import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
@@ -66,7 +67,8 @@ export type ExtensionPluginDependencies = [
     WidthPlugin,
     DecorationsPlugin,
     OptionalPlugin<ContextPanelPlugin>,
-    OptionalPlugin<ContextIdentifierPlugin>
+    OptionalPlugin<ContextIdentifierPlugin>,
+    OptionalPlugin<ConnectivityPlugin>
 ];
 export type ExtensionPluginActions = {
     editSelectedExtension: () => boolean;

package/dist/types/pm-plugins/toolbar.d.ts

@@ -1,6 +1,7 @@
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { FloatingToolbarHandler, PublicPluginAPI } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import { ConnectivityPlugin } from '@atlaskit/editor-plugin-connectivity';
 import type { ApplyChangeHandler, ContextPanelPlugin } from '@atlaskit/editor-plugin-context-panel';
 import type { DecorationsPlugin, HoverDecorationHandler } from '@atlaskit/editor-plugin-decorations';
 interface GetToolbarConfigProps {
@@ -8,7 +9,7 @@ interface GetToolbarConfigProps {
     hoverDecoration?: HoverDecorationHandler | undefined;
     applyChangeToContextPanel?: ApplyChangeHandler | undefined;
     editorAnalyticsAPI?: EditorAnalyticsAPI | undefined;
-    extensionApi?: PublicPluginAPI<[ContextPanelPlugin, AnalyticsPlugin, DecorationsPlugin]> | undefined;
+    extensionApi?: PublicPluginAPI<[ContextPanelPlugin, AnalyticsPlugin, DecorationsPlugin, ConnectivityPlugin]> | undefined;
 }
 export declare const getToolbarConfig: ({ breakoutEnabled, hoverDecoration, applyChangeToContextPanel, editorAnalyticsAPI, extensionApi, }: GetToolbarConfigProps) => FloatingToolbarHandler;
 export {};

package/dist/types/ui/ConfigPanel/ConfigPanel.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import type { ExtensionManifest, FieldDefinition, OnSaveCallback, Parameters } from '@atlaskit/editor-common/extensions';
+import type { ExtensionManifest, FieldDefinition, OnSaveCallback, OnSaveCallbackAsync, Parameters } from '@atlaskit/editor-common/extensions';
 import type { ExtractInjectionAPI, FeatureFlags } from '@atlaskit/editor-common/types';
 import type { ExtensionPlugin, RejectSave } from '../../extensionPluginType';
 declare const result: React.ForwardRefExoticComponent<Omit<Omit<{
@@ -11,12 +11,13 @@ declare const result: React.ForwardRefExoticComponent<Omit<Omit<{
     autoSaveReject?: RejectSave | undefined;
     showHeader?: boolean | undefined;
     closeOnEsc?: boolean | undefined;
-    onChange: OnSaveCallback;
-    onCancel: () => void;
+    onChange: OnSaveCallback | OnSaveCallbackAsync;
+    onCancel: () => void | Promise<void>;
     errorMessage: string | null;
     isLoading?: boolean | undefined;
     featureFlags?: FeatureFlags | undefined;
     api: ExtractInjectionAPI<ExtensionPlugin> | undefined;
     usingObjectSidebarPanel?: boolean | undefined;
+    disableFields?: boolean | undefined;
 }, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "ref"> & React.RefAttributes<any>>;
 export default result;

package/dist/types/ui/ConfigPanel/ConfigPanelFieldsLoader.d.ts

@@ -14,8 +14,8 @@ export type PublicProps = {
     closeOnEsc?: boolean;
     showHeader?: boolean;
     featureFlags?: FeatureFlags;
-    onChange: (data: Parameters) => void;
-    onCancel: () => void;
+    onChange: (data: Parameters) => void | Promise<void>;
+    onCancel: () => void | Promise<void>;
     api: ExtractInjectionAPI<ExtensionPlugin> | undefined;
     usingObjectSidebarPanel?: boolean;
 };

package/dist/types/ui/ConfigPanel/FormContent.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { FieldComponentProps, FormContentProps } from './types';
 export declare function FieldComponent({ field, parameters, parentName, extensionManifest, firstVisibleFieldName, onFieldChange, featureFlags, }: FieldComponentProps): React.JSX.Element;
-export default function FormContent({ fields, parentName, parameters, extensionManifest, canRemoveFields, onClickRemove, onFieldChange, firstVisibleFieldName, contextIdentifierProvider, featureFlags, }: FormContentProps): React.JSX.Element;
+export default function FormContent({ fields, parentName, parameters, extensionManifest, canRemoveFields, onClickRemove, onFieldChange, firstVisibleFieldName, contextIdentifierProvider, featureFlags, isDisabled, }: FormContentProps): React.JSX.Element;

package/dist/types/ui/ConfigPanel/LoadingState.d.ts

@@ -1,7 +1,9 @@
+/// <reference types="react" />
 /**
  * @jsxRuntime classic
  * @jsx jsx
  */
 import { jsx } from '@emotion/react';
-declare const LoadingState: () => jsx.JSX.Element;
+import type { LoadingComponentProps } from 'react-loadable';
+declare const LoadingState: (props: Partial<LoadingComponentProps>) => string | number | boolean | Iterable<import("react").ReactNode> | jsx.JSX.Element | null | undefined;
 export default LoadingState;

package/dist/types/ui/ConfigPanel/types.d.ts

@@ -33,4 +33,5 @@ export interface FormContentProps {
     firstVisibleFieldName?: string;
     contextIdentifierProvider?: ContextIdentifierProvider;
     featureFlags?: FeatureFlags;
+    isDisabled?: boolean;
 }

package/dist/types-ts4.5/extensionPluginType.d.ts

@@ -4,6 +4,7 @@ import type { ExtensionAPI, ExtensionHandlers, ExtensionProvider, Parameters, Tr
 import type { MacroProvider } from '@atlaskit/editor-common/provider-factory';
 import type { EditorAppearance, LongPressSelectionPluginOptions, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import { ConnectivityPlugin } from '@atlaskit/editor-plugin-connectivity';
 import type { ContextIdentifierPlugin } from '@atlaskit/editor-plugin-context-identifier';
 import type { ApplyChangeHandler, ContextPanelPlugin } from '@atlaskit/editor-plugin-context-panel';
 import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
@@ -66,7 +67,8 @@ export type ExtensionPluginDependencies = [
     WidthPlugin,
     DecorationsPlugin,
     OptionalPlugin<ContextPanelPlugin>,
-    OptionalPlugin<ContextIdentifierPlugin>
+    OptionalPlugin<ContextIdentifierPlugin>,
+    OptionalPlugin<ConnectivityPlugin>
 ];
 export type ExtensionPluginActions = {
     editSelectedExtension: () => boolean;

package/dist/types-ts4.5/pm-plugins/toolbar.d.ts

@@ -1,6 +1,7 @@
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { FloatingToolbarHandler, PublicPluginAPI } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import { ConnectivityPlugin } from '@atlaskit/editor-plugin-connectivity';
 import type { ApplyChangeHandler, ContextPanelPlugin } from '@atlaskit/editor-plugin-context-panel';
 import type { DecorationsPlugin, HoverDecorationHandler } from '@atlaskit/editor-plugin-decorations';
 interface GetToolbarConfigProps {
@@ -11,7 +12,8 @@ interface GetToolbarConfigProps {
     extensionApi?: PublicPluginAPI<[
         ContextPanelPlugin,
         AnalyticsPlugin,
-        DecorationsPlugin
+        DecorationsPlugin,
+        ConnectivityPlugin
     ]> | undefined;
 }
 export declare const getToolbarConfig: ({ breakoutEnabled, hoverDecoration, applyChangeToContextPanel, editorAnalyticsAPI, extensionApi, }: GetToolbarConfigProps) => FloatingToolbarHandler;

package/dist/types-ts4.5/ui/ConfigPanel/ConfigPanel.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import type { ExtensionManifest, FieldDefinition, OnSaveCallback, Parameters } from '@atlaskit/editor-common/extensions';
+import type { ExtensionManifest, FieldDefinition, OnSaveCallback, OnSaveCallbackAsync, Parameters } from '@atlaskit/editor-common/extensions';
 import type { ExtractInjectionAPI, FeatureFlags } from '@atlaskit/editor-common/types';
 import type { ExtensionPlugin, RejectSave } from '../../extensionPluginType';
 declare const result: React.ForwardRefExoticComponent<Omit<Omit<{
@@ -11,12 +11,13 @@ declare const result: React.ForwardRefExoticComponent<Omit<Omit<{
     autoSaveReject?: RejectSave | undefined;
     showHeader?: boolean | undefined;
     closeOnEsc?: boolean | undefined;
-    onChange: OnSaveCallback;
-    onCancel: () => void;
+    onChange: OnSaveCallback | OnSaveCallbackAsync;
+    onCancel: () => void | Promise<void>;
     errorMessage: string | null;
     isLoading?: boolean | undefined;
     featureFlags?: FeatureFlags | undefined;
     api: ExtractInjectionAPI<ExtensionPlugin> | undefined;
     usingObjectSidebarPanel?: boolean | undefined;
+    disableFields?: boolean | undefined;
 }, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "ref"> & React.RefAttributes<any>>;
 export default result;

package/dist/types-ts4.5/ui/ConfigPanel/ConfigPanelFieldsLoader.d.ts

@@ -14,8 +14,8 @@ export type PublicProps = {
     closeOnEsc?: boolean;
     showHeader?: boolean;
     featureFlags?: FeatureFlags;
-    onChange: (data: Parameters) => void;
-    onCancel: () => void;
+    onChange: (data: Parameters) => void | Promise<void>;
+    onCancel: () => void | Promise<void>;
     api: ExtractInjectionAPI<ExtensionPlugin> | undefined;
     usingObjectSidebarPanel?: boolean;
 };

package/dist/types-ts4.5/ui/ConfigPanel/FormContent.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { FieldComponentProps, FormContentProps } from './types';
 export declare function FieldComponent({ field, parameters, parentName, extensionManifest, firstVisibleFieldName, onFieldChange, featureFlags, }: FieldComponentProps): React.JSX.Element;
-export default function FormContent({ fields, parentName, parameters, extensionManifest, canRemoveFields, onClickRemove, onFieldChange, firstVisibleFieldName, contextIdentifierProvider, featureFlags, }: FormContentProps): React.JSX.Element;
+export default function FormContent({ fields, parentName, parameters, extensionManifest, canRemoveFields, onClickRemove, onFieldChange, firstVisibleFieldName, contextIdentifierProvider, featureFlags, isDisabled, }: FormContentProps): React.JSX.Element;

package/dist/types-ts4.5/ui/ConfigPanel/LoadingState.d.ts

@@ -1,7 +1,9 @@
+/// <reference types="react" />
 /**
  * @jsxRuntime classic
  * @jsx jsx
  */
 import { jsx } from '@emotion/react';
-declare const LoadingState: () => jsx.JSX.Element;
+import type { LoadingComponentProps } from 'react-loadable';
+declare const LoadingState: (props: Partial<LoadingComponentProps>) => string | number | boolean | Iterable<import("react").ReactNode> | jsx.JSX.Element | null | undefined;
 export default LoadingState;

package/dist/types-ts4.5/ui/ConfigPanel/types.d.ts

@@ -36,4 +36,5 @@ export interface FormContentProps {
     firstVisibleFieldName?: string;
     contextIdentifierProvider?: ContextIdentifierProvider;
     featureFlags?: FeatureFlags;
+    isDisabled?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-extension",
-	"version": "5.2.5",
+	"version": "5.2.6",
 	"description": "editor-plugin-extension plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -30,11 +30,12 @@
 		"@atlaskit/analytics-next": "^11.0.0",
 		"@atlaskit/avatar": "^25.0.0",
 		"@atlaskit/button": "^23.0.0",
-		"@atlaskit/checkbox": "^17.0.0",
+		"@atlaskit/checkbox": "^17.1.0",
 		"@atlaskit/datetime-picker": "^17.0.0",
-		"@atlaskit/editor-common": "^103.12.0",
+		"@atlaskit/editor-common": "^103.15.0",
 		"@atlaskit/editor-json-transformer": "^8.24.0",
 		"@atlaskit/editor-plugin-analytics": "^2.2.0",
+		"@atlaskit/editor-plugin-connectivity": "^2.0.0",
 		"@atlaskit/editor-plugin-context-identifier": "^2.1.0",
 		"@atlaskit/editor-plugin-context-panel": "^4.0.0",
 		"@atlaskit/editor-plugin-decorations": "^2.0.0",
@@ -49,16 +50,16 @@
 		"@atlaskit/icon": "^25.6.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^14.4.0",
-		"@atlaskit/radio": "^8.0.0",
+		"@atlaskit/radio": "^8.1.0",
 		"@atlaskit/section-message": "^8.2.0",
-		"@atlaskit/select": "^20.3.0",
+		"@atlaskit/select": "^20.4.0",
 		"@atlaskit/smart-user-picker": "^8.0.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/tabs": "^18.0.0",
 		"@atlaskit/textarea": "^8.0.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^4.12.0",
+		"@atlaskit/tmp-editor-statsig": "^4.13.0",
 		"@atlaskit/toggle": "^15.0.0",
 		"@atlaskit/tokens": "^4.8.0",
 		"@atlaskit/tooltip": "^20.0.0",