@atlaskit/editor-plugin-floating-toolbar 6.0.0 → 6.0.2

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-floating-toolbar
 
+## 6.0.2
+
+### Patch Changes
+
+- [`db97eb262cc5a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/db97eb262cc5a) -
+  replace platform_editor_toolbar_aifc with separate experiements for jira and confluence
+- Updated dependencies
+
+## 6.0.1
+
+### Patch Changes
+
+- [`255837cfba315`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/255837cfba315) -
+  Internal changes to how border radius is applied.
+- Updated dependencies
+
 ## 6.0.0
 
 ### Patch Changes

package/dist/cjs/floatingToolbarPlugin.js

@@ -244,7 +244,7 @@ function ContentComponent(_ref5) {
     node = configWithNodeInfo.node;
 
   // When the new inline editor-toolbar is enabled, suppress floating toolbar for text selections.
-  if ((0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc', 'isEnabled', true)) {
+  if ((0, _experiments.editorExperiment)('platform_editor_toolbar_aifc', true)) {
     var selection = editorView.state.selection;
     var isCellSelection = '$anchorCell' in selection && !selection.empty;
     var isTextSelected = selection instanceof _state.TextSelection && !selection.empty;

package/dist/cjs/ui/ScrollButton.js

@@ -21,14 +21,14 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var rightSideStyles = (0, _primitives.xcss)({
   borderLeft: "solid ".concat("var(--ds-border, #091E4224)", " 1px"),
   right: 'space.0',
-  borderTopRightRadius: 'border.radius.100',
-  borderBottomRightRadius: 'border.radius.100'
+  borderTopRightRadius: 'radius.small',
+  borderBottomRightRadius: 'radius.small'
 });
 var leftSideStyles = (0, _primitives.xcss)({
   borderRight: "solid ".concat("var(--ds-border, #091E4224)", " 1px"),
   left: 'space.0',
-  borderTopLeftRadius: 'border.radius.100',
-  borderBottomLeftRadius: 'border.radius.100'
+  borderTopLeftRadius: 'radius.small',
+  borderBottomLeftRadius: 'radius.small'
 });
 var buttonCommonStyles = (0, _primitives.xcss)({
   backgroundColor: 'elevation.surface.overlay',

package/dist/cjs/ui/Toolbar.js

@@ -27,7 +27,6 @@ var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _editorPalette = require("@atlaskit/editor-palette");
 var _showMoreHorizontal = _interopRequireDefault(require("@atlaskit/icon/core/show-more-horizontal"));
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _forceFocus = require("../pm-plugins/force-focus");
 var _commands = require("../pm-plugins/toolbar-data/commands");
@@ -200,7 +199,7 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
         }
       case 'overflow-dropdown':
         return (0, _react2.jsx)(_Dropdown.default, {
-          alignX: (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_toolbar_aifc', 'isEnabled', true) ? 'right' : undefined,
+          alignX: (0, _experiments.editorExperiment)('platform_editor_toolbar_aifc', true) ? 'right' : undefined,
           key: idx,
           title: intl.formatMessage(_messages.default.viewMore),
           icon: (0, _react2.jsx)(_showMoreHorizontal.default, {
@@ -410,7 +409,7 @@ var buttonGroupStylesNew = (0, _react2.css)({
 var toolbarContainer = function toolbarContainer(scrollable, hasSelect, firstElementIsSelect) {
   return (0, _react2.css)({
     backgroundColor: "var(--ds-surface-overlay, white)",
-    borderRadius: "var(--ds-border-radius, 3px)",
+    borderRadius: "var(--ds-radius-small, 3px)",
     boxShadow: "var(--ds-shadow-overlay, ".concat("0 0 1px rgba(9, 30, 66, 0.31), 0 4px 8px -2px rgba(9, 30, 66, 0.25)", ")"),
     display: 'flex',
     // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography

package/dist/es2019/floatingToolbarPlugin.js

@@ -236,7 +236,7 @@ export function ContentComponent({
   } = configWithNodeInfo;
 
   // When the new inline editor-toolbar is enabled, suppress floating toolbar for text selections.
-  if (expValEquals('platform_editor_toolbar_aifc', 'isEnabled', true)) {
+  if (editorExperiment('platform_editor_toolbar_aifc', true)) {
     const selection = editorView.state.selection;
     const isCellSelection = '$anchorCell' in selection && !selection.empty;
     const isTextSelected = selection instanceof TextSelection && !selection.empty;

package/dist/es2019/ui/ScrollButton.js

@@ -10,14 +10,14 @@ import { Box, xcss } from '@atlaskit/primitives';
 const rightSideStyles = xcss({
   borderLeft: `solid ${"var(--ds-border, #091E4224)"} 1px`,
   right: 'space.0',
-  borderTopRightRadius: 'border.radius.100',
-  borderBottomRightRadius: 'border.radius.100'
+  borderTopRightRadius: 'radius.small',
+  borderBottomRightRadius: 'radius.small'
 });
 const leftSideStyles = xcss({
   borderRight: `solid ${"var(--ds-border, #091E4224)"} 1px`,
   left: 'space.0',
-  borderTopLeftRadius: 'border.radius.100',
-  borderBottomLeftRadius: 'border.radius.100'
+  borderTopLeftRadius: 'radius.small',
+  borderBottomLeftRadius: 'radius.small'
 });
 const buttonCommonStyles = xcss({
   backgroundColor: 'elevation.surface.overlay',

package/dist/es2019/ui/Toolbar.js

@@ -20,7 +20,6 @@ import { ColorPickerButton, ToolbarArrowKeyNavigationProvider } from '@atlaskit/
 import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
 import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { checkShouldForceFocusAndApply, forceFocusSelector } from '../pm-plugins/force-focus';
 import { showConfirmDialog } from '../pm-plugins/toolbar-data/commands';
@@ -178,7 +177,7 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
         }
       case 'overflow-dropdown':
         return jsx(Dropdown, {
-          alignX: expValEqualsNoExposure('platform_editor_toolbar_aifc', 'isEnabled', true) ? 'right' : undefined,
+          alignX: editorExperiment('platform_editor_toolbar_aifc', true) ? 'right' : undefined,
           key: idx,
           title: intl.formatMessage(commonMessages.viewMore),
           icon: jsx(ShowMoreHorizontalIcon, {
@@ -377,7 +376,7 @@ const buttonGroupStylesNew = css({
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
 const toolbarContainer = (scrollable, hasSelect, firstElementIsSelect) => css({
   backgroundColor: "var(--ds-surface-overlay, white)",
-  borderRadius: "var(--ds-border-radius, 3px)",
+  borderRadius: "var(--ds-radius-small, 3px)",
   boxShadow: `var(--ds-shadow-overlay, ${`0 0 1px rgba(9, 30, 66, 0.31), 0 4px 8px -2px rgba(9, 30, 66, 0.25)`})`,
   display: 'flex',
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography

package/dist/esm/floatingToolbarPlugin.js

@@ -235,7 +235,7 @@ export function ContentComponent(_ref5) {
     node = configWithNodeInfo.node;
 
   // When the new inline editor-toolbar is enabled, suppress floating toolbar for text selections.
-  if (expValEquals('platform_editor_toolbar_aifc', 'isEnabled', true)) {
+  if (editorExperiment('platform_editor_toolbar_aifc', true)) {
     var selection = editorView.state.selection;
     var isCellSelection = '$anchorCell' in selection && !selection.empty;
     var isTextSelected = selection instanceof TextSelection && !selection.empty;

package/dist/esm/ui/ScrollButton.js

@@ -11,14 +11,14 @@ import { Box, xcss } from '@atlaskit/primitives';
 var rightSideStyles = xcss({
   borderLeft: "solid ".concat("var(--ds-border, #091E4224)", " 1px"),
   right: 'space.0',
-  borderTopRightRadius: 'border.radius.100',
-  borderBottomRightRadius: 'border.radius.100'
+  borderTopRightRadius: 'radius.small',
+  borderBottomRightRadius: 'radius.small'
 });
 var leftSideStyles = xcss({
   borderRight: "solid ".concat("var(--ds-border, #091E4224)", " 1px"),
   left: 'space.0',
-  borderTopLeftRadius: 'border.radius.100',
-  borderBottomLeftRadius: 'border.radius.100'
+  borderTopLeftRadius: 'radius.small',
+  borderBottomLeftRadius: 'radius.small'
 });
 var buttonCommonStyles = xcss({
   backgroundColor: 'elevation.surface.overlay',

package/dist/esm/ui/Toolbar.js

@@ -27,7 +27,6 @@ import { ColorPickerButton, ToolbarArrowKeyNavigationProvider } from '@atlaskit/
 import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
 import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { checkShouldForceFocusAndApply, forceFocusSelector } from '../pm-plugins/force-focus';
 import { showConfirmDialog } from '../pm-plugins/toolbar-data/commands';
@@ -194,7 +193,7 @@ var ToolbarItems = /*#__PURE__*/React.memo(function (_ref) {
         }
       case 'overflow-dropdown':
         return jsx(Dropdown, {
-          alignX: expValEqualsNoExposure('platform_editor_toolbar_aifc', 'isEnabled', true) ? 'right' : undefined,
+          alignX: editorExperiment('platform_editor_toolbar_aifc', true) ? 'right' : undefined,
           key: idx,
           title: intl.formatMessage(commonMessages.viewMore),
           icon: jsx(ShowMoreHorizontalIcon, {
@@ -404,7 +403,7 @@ var buttonGroupStylesNew = css({
 var toolbarContainer = function toolbarContainer(scrollable, hasSelect, firstElementIsSelect) {
   return css({
     backgroundColor: "var(--ds-surface-overlay, white)",
-    borderRadius: "var(--ds-border-radius, 3px)",
+    borderRadius: "var(--ds-radius-small, 3px)",
     boxShadow: "var(--ds-shadow-overlay, ".concat("0 0 1px rgba(9, 30, 66, 0.31), 0 4px 8px -2px rgba(9, 30, 66, 0.25)", ")"),
     display: 'flex',
     // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-floating-toolbar",
-	"version": "6.0.0",
+	"version": "6.0.2",
 	"description": "Floating toolbar plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -39,14 +39,14 @@
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/emoji": "^69.5.0",
 		"@atlaskit/icon": "^28.1.0",
-		"@atlaskit/menu": "^8.3.0",
+		"@atlaskit/menu": "^8.4.0",
 		"@atlaskit/modal-dialog": "^14.3.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^14.12.0",
+		"@atlaskit/primitives": "^14.13.0",
 		"@atlaskit/select": "^21.2.0",
 		"@atlaskit/theme": "^20.0.0",
-		"@atlaskit/tmp-editor-statsig": "^12.0.0",
-		"@atlaskit/tokens": "^6.1.0",
+		"@atlaskit/tmp-editor-statsig": "^12.5.0",
+		"@atlaskit/tokens": "^6.2.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -57,7 +57,7 @@
 		"react-loadable": "^5.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^108.0.0",
+		"@atlaskit/editor-common": "^108.3.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0"
 	},