@atlaskit/editor-plugin-extension 1.9.0 → 1.9.2

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-extension
 
+## 1.9.2
+
+### Patch Changes
+
+- [#114548](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/114548)
+  [`8b2d47bffb50e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8b2d47bffb50e) -
+  bump adf-schema version
+- [#116062](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/116062)
+  [`1c26d1ee6fb25`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1c26d1ee6fb25) -
+  Migrated to new atlaskit Buttons.
+- Updated dependencies
+
+## 1.9.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 1.9.0
 
 ### Minor Changes

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

@@ -22,8 +22,8 @@ var _merge = _interopRequireDefault(require("lodash/merge"));
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _buttonGroup = _interopRequireDefault(require("@atlaskit/button/button-group"));
+var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _extensions = require("@atlaskit/editor-common/extensions");
 var _hooks = require("@atlaskit/editor-common/hooks");
@@ -87,10 +87,10 @@ function ConfigForm(_ref) {
     }
   }, /*#__PURE__*/_react.default.createElement(_form.FormFooter, {
     align: "start"
-  }, /*#__PURE__*/_react.default.createElement(_buttonGroup.default, null, /*#__PURE__*/_react.default.createElement(_button.default, {
+  }, /*#__PURE__*/_react.default.createElement(_buttonGroup.default, null, /*#__PURE__*/_react.default.createElement(_new.default, {
     type: "submit",
     appearance: "primary"
-  }, intl.formatMessage(_extensions.configPanelMessages.submit)), /*#__PURE__*/_react.default.createElement(_button.default, {
+  }, intl.formatMessage(_extensions.configPanelMessages.submit)), /*#__PURE__*/_react.default.createElement(_new.default, {
     appearance: "default",
     isDisabled: submitting,
     onClick: onCancel

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

@@ -10,7 +10,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
-var _button = _interopRequireDefault(require("@atlaskit/button"));
+var _new = require("@atlaskit/button/new");
 var _extensions = require("@atlaskit/editor-common/extensions");
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
 var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-right"));
@@ -72,16 +72,13 @@ function Expand(_ref) {
     css: labelContainerStyles
   }, field.label), (0, _react2.jsx)("div", {
     css: chevronContainerStyles
-  }, (0, _react2.jsx)(_button.default, {
+  }, (0, _react2.jsx)(_new.IconButton, {
     onClick: function onClick() {
       setExpanded(!expanded);
     },
+    label: intl.formatMessage(expanded ? _extensions.configPanelMessages.collapse : _extensions.configPanelMessages.expand),
     testId: "form-expand-toggle",
-    iconBefore: expanded ? (0, _react2.jsx)(_chevronDown.default, {
-      label: intl.formatMessage(_extensions.configPanelMessages.collapse)
-    }) : (0, _react2.jsx)(_chevronRight.default, {
-      label: intl.formatMessage(_extensions.configPanelMessages.expand)
-    })
+    icon: expanded ? _chevronDown.default : _chevronRight.default
   }))), (0, _react2.jsx)("div", {
     "data-testid": "expand-content-container",
     css: expanded ? expandContentContainerVisibleStyles : expandContentContainerHiddenStyles

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -18,7 +19,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
-var _button = _interopRequireDefault(require("@atlaskit/button"));
+var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _extensions = require("@atlaskit/editor-common/extensions");
 var _addCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/add-circle"));
 var _primitives = require("@atlaskit/primitives");
@@ -198,13 +199,15 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
             _this.onSelectItem(option);
           }
         }
-      }) : (0, _react2.jsx)(_button.default, {
+      }) : (0, _react2.jsx)(_new.default, {
         testId: "add-more",
         appearance: "subtle",
-        iconBefore: (0, _react2.jsx)(_addCircle.default, {
-          size: "small",
-          label: intl.formatMessage(_extensions.configPanelMessages.addField)
-        }),
+        iconBefore: function iconBefore(iconProps) {
+          return (0, _react2.jsx)(_addCircle.default, (0, _extends2.default)({}, iconProps, {
+            size: "small",
+            label: intl.formatMessage(_extensions.configPanelMessages.addField)
+          }));
+        },
         onClick: function onClick() {
           return _this.setIsAdding(true);
         }

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

@@ -9,7 +9,7 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
-var _button = _interopRequireDefault(require("@atlaskit/button"));
+var _new = require("@atlaskit/button/new");
 var _extensions = require("@atlaskit/editor-common/extensions");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _cross = _interopRequireDefault(require("@atlaskit/icon/glyph/cross"));
@@ -122,11 +122,11 @@ var Header = function Header(_ref) {
     "data-testid": "context-panel-title"
   }, title)), (0, _react2.jsx)("div", {
     css: closeButtonWrapperStyles
-  }, (0, _react2.jsx)(_button.default, {
+  }, (0, _react2.jsx)(_new.IconButton, {
     appearance: "subtle",
-    iconBefore: (0, _react2.jsx)(_cross.default, {
-      label: intl.formatMessage(_extensions.configPanelMessages.close)
-    }),
+    testId: "config-panel-header-close-button",
+    label: intl.formatMessage(_extensions.configPanelMessages.close),
+    icon: _cross.default,
     onClick: onClose
   }))), (description || documentationUrl) && (0, _react2.jsx)("p", {
     css: descriptionStyles,

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

@@ -6,8 +6,8 @@ import _mergeRecursive from 'lodash/merge';
 import memoizeOne from 'memoize-one';
 import { injectIntl } from 'react-intl-next';
 import { withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
-import Button from '@atlaskit/button';
 import ButtonGroup from '@atlaskit/button/button-group';
+import Button from '@atlaskit/button/new';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import { isTabGroup, configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';

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

@@ -4,7 +4,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-next';
-import Button from '@atlaskit/button';
+import { IconButton } from '@atlaskit/button/new';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
 import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
 import ChevronRightIcon from '@atlaskit/icon/glyph/chevron-right';
@@ -57,16 +57,13 @@ function Expand({
     css: labelContainerStyles
   }, field.label), jsx("div", {
     css: chevronContainerStyles
-  }, jsx(Button, {
+  }, jsx(IconButton, {
     onClick: () => {
       setExpanded(!expanded);
     },
+    label: intl.formatMessage(expanded ? messages.collapse : messages.expand),
     testId: "form-expand-toggle",
-    iconBefore: expanded ? jsx(ChevronDownIcon, {
-      label: intl.formatMessage(messages.collapse)
-    }) : jsx(ChevronRightIcon, {
-      label: intl.formatMessage(messages.expand)
-    })
+    icon: expanded ? ChevronDownIcon : ChevronRightIcon
   }))), jsx("div", {
     "data-testid": "expand-content-container",
     css: expanded ? expandContentContainerVisibleStyles : expandContentContainerHiddenStyles

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

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
 import React, { Fragment } from 'react';
@@ -5,7 +6,7 @@ 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-next';
-import Button from '@atlaskit/button';
+import Button from '@atlaskit/button/new';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
 import AddCircleIcon from '@atlaskit/icon/glyph/add-circle';
 import { Box, xcss } from '@atlaskit/primitives';
@@ -162,10 +163,10 @@ class FieldsetField extends React.Component {
       }) : jsx(Button, {
         testId: "add-more",
         appearance: "subtle",
-        iconBefore: jsx(AddCircleIcon, {
+        iconBefore: iconProps => jsx(AddCircleIcon, _extends({}, iconProps, {
           size: "small",
           label: intl.formatMessage(messages.addField)
-        }),
+        })),
         onClick: () => this.setIsAdding(true)
       }, intl.formatMessage(messages.addField)));
     });

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

@@ -5,7 +5,7 @@ import { Fragment } from 'react';
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import Loadable from 'react-loadable';
-import Button from '@atlaskit/button';
+import { IconButton } from '@atlaskit/button/new';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import CrossIcon from '@atlaskit/icon/glyph/cross';
@@ -113,11 +113,11 @@ const Header = ({
     "data-testid": "context-panel-title"
   }, title)), jsx("div", {
     css: closeButtonWrapperStyles
-  }, jsx(Button, {
+  }, jsx(IconButton, {
     appearance: "subtle",
-    iconBefore: jsx(CrossIcon, {
-      label: intl.formatMessage(messages.close)
-    }),
+    testId: "config-panel-header-close-button",
+    label: intl.formatMessage(messages.close),
+    icon: CrossIcon,
     onClick: onClose
   }))), (description || documentationUrl) && jsx("p", {
     css: descriptionStyles,

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

@@ -18,8 +18,8 @@ import _mergeRecursive from 'lodash/merge';
 import memoizeOne from 'memoize-one';
 import { injectIntl } from 'react-intl-next';
 import { withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
-import Button from '@atlaskit/button';
 import ButtonGroup from '@atlaskit/button/button-group';
+import Button from '@atlaskit/button/new';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import { isTabGroup, configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';

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

@@ -5,7 +5,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-next';
-import Button from '@atlaskit/button';
+import { IconButton } from '@atlaskit/button/new';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
 import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
 import ChevronRightIcon from '@atlaskit/icon/glyph/chevron-right';
@@ -61,16 +61,13 @@ function Expand(_ref) {
     css: labelContainerStyles
   }, field.label), jsx("div", {
     css: chevronContainerStyles
-  }, jsx(Button, {
+  }, jsx(IconButton, {
     onClick: function onClick() {
       setExpanded(!expanded);
     },
+    label: intl.formatMessage(expanded ? messages.collapse : messages.expand),
     testId: "form-expand-toggle",
-    iconBefore: expanded ? jsx(ChevronDownIcon, {
-      label: intl.formatMessage(messages.collapse)
-    }) : jsx(ChevronRightIcon, {
-      label: intl.formatMessage(messages.expand)
-    })
+    icon: expanded ? ChevronDownIcon : ChevronRightIcon
   }))), jsx("div", {
     "data-testid": "expand-content-container",
     css: expanded ? expandContentContainerVisibleStyles : expandContentContainerHiddenStyles

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

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
@@ -17,7 +18,7 @@ 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-next';
-import Button from '@atlaskit/button';
+import Button from '@atlaskit/button/new';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
 import AddCircleIcon from '@atlaskit/icon/glyph/add-circle';
 import { Box, xcss } from '@atlaskit/primitives';
@@ -194,10 +195,12 @@ var FieldsetField = /*#__PURE__*/function (_React$Component) {
       }) : jsx(Button, {
         testId: "add-more",
         appearance: "subtle",
-        iconBefore: jsx(AddCircleIcon, {
-          size: "small",
-          label: intl.formatMessage(messages.addField)
-        }),
+        iconBefore: function iconBefore(iconProps) {
+          return jsx(AddCircleIcon, _extends({}, iconProps, {
+            size: "small",
+            label: intl.formatMessage(messages.addField)
+          }));
+        },
         onClick: function onClick() {
           return _this.setIsAdding(true);
         }

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

@@ -5,7 +5,7 @@ import { Fragment } from 'react';
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import Loadable from 'react-loadable';
-import Button from '@atlaskit/button';
+import { IconButton } from '@atlaskit/button/new';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import CrossIcon from '@atlaskit/icon/glyph/cross';
@@ -114,11 +114,11 @@ var Header = function Header(_ref) {
     "data-testid": "context-panel-title"
   }, title)), jsx("div", {
     css: closeButtonWrapperStyles
-  }, jsx(Button, {
+  }, jsx(IconButton, {
     appearance: "subtle",
-    iconBefore: jsx(CrossIcon, {
-      label: intl.formatMessage(messages.close)
-    }),
+    testId: "config-panel-header-close-button",
+    label: intl.formatMessage(messages.close),
+    icon: CrossIcon,
     onClick: onClose
   }))), (description || documentationUrl) && jsx("p", {
     css: descriptionStyles,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-extension",
-	"version": "1.9.0",
+	"version": "1.9.2",
 	"description": "editor-plugin-extension plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -24,14 +24,14 @@
 		".": "./src/index.ts"
 	},
 	"dependencies": {
-		"@atlaskit/adf-schema": "^38.0.0",
+		"@atlaskit/adf-schema": "^39.0.3",
 		"@atlaskit/adf-utils": "^19.4.0",
 		"@atlaskit/analytics-next": "^9.3.0",
 		"@atlaskit/avatar": "^21.10.0",
 		"@atlaskit/button": "^18.0.0",
 		"@atlaskit/checkbox": "^13.5.0",
 		"@atlaskit/datetime-picker": "^13.6.0",
-		"@atlaskit/editor-common": "^83.3.0",
+		"@atlaskit/editor-common": "^83.5.0",
 		"@atlaskit/editor-json-transformer": "^8.15.0",
 		"@atlaskit/editor-plugin-analytics": "^1.4.0",
 		"@atlaskit/editor-plugin-context-identifier": "^1.1.0",
@@ -45,8 +45,8 @@
 		"@atlaskit/empty-state": "^7.9.0",
 		"@atlaskit/form": "^10.4.0",
 		"@atlaskit/icon": "^22.5.0",
-		"@atlaskit/platform-feature-flags": "^0.2.0",
-		"@atlaskit/primitives": "^9.0.0",
+		"@atlaskit/platform-feature-flags": "^0.3.0",
+		"@atlaskit/primitives": "^10.0.0",
 		"@atlaskit/radio": "^6.4.0",
 		"@atlaskit/section-message": "^6.5.0",
 		"@atlaskit/select": "^17.11.0",