@atlaskit/editor-plugin-text-formatting 1.16.7 → 1.16.9

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-text-formatting
 
+## 1.16.9
+
+### Patch Changes
+
+- [#100162](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/100162)
+  [`e80e57fc37719`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e80e57fc37719) -
+  [ux] ED-26089: Add 4px gap to main nav bar items
+
+## 1.16.8
+
+### Patch Changes
+
+- [#99274](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/99274)
+  [`b4dd134e0caaa`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b4dd134e0caaa) -
+  ED-25961 Add analytics for clear formatting and adding blockquote from text styles menu
+
 ## 1.16.7
 
 ### Patch Changes

package/dist/cjs/editor-commands/clear-formatting.js

@@ -103,7 +103,8 @@ function clearFormatting(inputMethod, editorAnalyticsAPI) {
         actionSubjectId: _analytics.ACTION_SUBJECT_ID.FORMAT_CLEAR,
         attributes: {
           inputMethod: inputMethod,
-          formattingCleared: formattingCleared
+          formattingCleared: formattingCleared,
+          dropdownMenu: inputMethod === _analytics.INPUT_METHOD.TOOLBAR || inputMethod === _analytics.INPUT_METHOD.FLOATING_TB ? 'textFormatting' : undefined
         }
       })(tr);
     }

package/dist/cjs/ui/Toolbar/index.js

@@ -14,6 +14,7 @@ var _hooks = require("@atlaskit/editor-common/hooks");
 var _messages = require("@atlaskit/editor-common/messages");
 var _styles = require("@atlaskit/editor-common/styles");
 var _ui = require("@atlaskit/editor-common/ui");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _utils = require("../../editor-commands/utils");
 var _dropdownMenu = require("./dropdown-menu");
 var _clearFormattingIcon = require("./hooks/clear-formatting-icon");
@@ -139,7 +140,13 @@ var ToolbarFormatting = function ToolbarFormatting(_ref) {
   return (
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     (0, _react2.jsx)("span", {
-      css: _styles.buttonGroupStyle
+      css:
+      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration, @atlaskit/platform/ensure-feature-flag-prefix
+      (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ?
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
+      _styles.buttonGroupStyle :
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
+      _styles.buttonGroupStyleBeforeVisualRefresh
     }, (0, _react2.jsx)("div", {
       role: "group"
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -156,6 +163,7 @@ var ToolbarFormatting = function ToolbarFormatting(_ref) {
       editorView: editorView,
       isReducedSpacing: isReducedSpacing
     }), (0, _react2.jsx)("span", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage
       css: _styles.wrapperStyle
     }, isToolbarDisabled ? (0, _react2.jsx)("div", null, (0, _react2.jsx)(_moreButton.MoreButton, {
       label: moreFormattingButtonLabel,

package/dist/cjs/ui/Toolbar/more-button.js

@@ -39,7 +39,7 @@ var MoreButton = exports.MoreButton = /*#__PURE__*/_react.default.memo(function
     spacing: isReducedSpacing ? 'none' : 'default',
     title: label,
     iconBefore:
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/platform/ensure-feature-flag-prefix -- Ignored via go/DSP-18766
     (0, _react2.jsx)("div", {
       css: (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? MoreIconStyle : _styles.triggerWrapperStyles
     }, (0, _react2.jsx)(_showMoreHorizontalEditorMore.default, {

package/dist/cjs/ui/Toolbar/single-toolbar-buttons.js

@@ -9,6 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _styles = require("@atlaskit/editor-common/styles");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
@@ -31,7 +32,13 @@ var SingleToolbarButtons = exports.SingleToolbarButtons = /*#__PURE__*/_react.de
   return (
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     (0, _react2.jsx)("span", {
-      css: _styles.buttonGroupStyle
+      css:
+      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration, @atlaskit/platform/ensure-feature-flag-prefix
+      (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ?
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
+      _styles.buttonGroupStyle :
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
+      _styles.buttonGroupStyleBeforeVisualRefresh
     }, items.map(function (item) {
       var _item$ariaLabel;
       return (0, _react2.jsx)(_uiMenu.ToolbarButton, {

package/dist/es2019/editor-commands/clear-formatting.js

@@ -1,4 +1,4 @@
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { INPUT_METHOD, ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { liftTarget } from '@atlaskit/editor-prosemirror/transform';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { cellSelectionNodesBetween } from './utils/cell-selection';
@@ -99,7 +99,8 @@ export function clearFormatting(inputMethod, editorAnalyticsAPI) {
         actionSubjectId: ACTION_SUBJECT_ID.FORMAT_CLEAR,
         attributes: {
           inputMethod,
-          formattingCleared
+          formattingCleared,
+          dropdownMenu: inputMethod === INPUT_METHOD.TOOLBAR || inputMethod === INPUT_METHOD.FLOATING_TB ? 'textFormatting' : undefined
         }
       })(tr);
     }

package/dist/es2019/ui/Toolbar/index.js

@@ -9,8 +9,9 @@ import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { usePreviousState } from '@atlaskit/editor-common/hooks';
 import { toolbarMessages } from '@atlaskit/editor-common/messages';
-import { buttonGroupStyle, separatorStyles, wrapperStyle } from '@atlaskit/editor-common/styles';
+import { buttonGroupStyle, buttonGroupStyleBeforeVisualRefresh, separatorStyles, wrapperStyle } from '@atlaskit/editor-common/styles';
 import { Announcer } from '@atlaskit/editor-common/ui';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { compareItemsArrays, isArrayContainsContent } from '../../editor-commands/utils';
 import { FormattingTextDropdownMenu } from './dropdown-menu';
 import { useClearIcon } from './hooks/clear-formatting-icon';
@@ -126,7 +127,13 @@ const ToolbarFormatting = ({
   return (
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     jsx("span", {
-      css: buttonGroupStyle
+      css:
+      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration, @atlaskit/platform/ensure-feature-flag-prefix
+      fg('platform-visual-refresh-icons') ?
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
+      buttonGroupStyle :
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
+      buttonGroupStyleBeforeVisualRefresh
     }, jsx("div", {
       role: "group"
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -143,6 +150,7 @@ const ToolbarFormatting = ({
       editorView: editorView,
       isReducedSpacing: isReducedSpacing
     }), jsx("span", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage
       css: wrapperStyle
     }, isToolbarDisabled ? jsx("div", null, jsx(MoreButton, {
       label: moreFormattingButtonLabel,

package/dist/es2019/ui/Toolbar/more-button.js

@@ -32,7 +32,7 @@ export const MoreButton = /*#__PURE__*/React.memo(({
     spacing: isReducedSpacing ? 'none' : 'default',
     title: label,
     iconBefore:
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/platform/ensure-feature-flag-prefix -- Ignored via go/DSP-18766
     jsx("div", {
       css: fg('platform-visual-refresh-icons') ? MoreIconStyle : triggerWrapperStyles
     }, jsx(ShowMoreHorizontalIcon, {

package/dist/es2019/ui/Toolbar/single-toolbar-buttons.js

@@ -6,8 +6,9 @@ import React, { useCallback } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { buttonGroupStyle } from '@atlaskit/editor-common/styles';
+import { buttonGroupStyle, buttonGroupStyleBeforeVisualRefresh } from '@atlaskit/editor-common/styles';
 import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
+import { fg } from '@atlaskit/platform-feature-flags';
 export const SingleToolbarButtons = /*#__PURE__*/React.memo(({
   items,
   isReducedSpacing,
@@ -22,7 +23,13 @@ export const SingleToolbarButtons = /*#__PURE__*/React.memo(({
   return (
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     jsx("span", {
-      css: buttonGroupStyle
+      css:
+      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration, @atlaskit/platform/ensure-feature-flag-prefix
+      fg('platform-visual-refresh-icons') ?
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
+      buttonGroupStyle :
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
+      buttonGroupStyleBeforeVisualRefresh
     }, items.map(item => {
       var _item$ariaLabel;
       return jsx(ToolbarButton, {

package/dist/esm/editor-commands/clear-formatting.js

@@ -1,4 +1,4 @@
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+import { INPUT_METHOD, ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { liftTarget } from '@atlaskit/editor-prosemirror/transform';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { cellSelectionNodesBetween } from './utils/cell-selection';
@@ -95,7 +95,8 @@ export function clearFormatting(inputMethod, editorAnalyticsAPI) {
         actionSubjectId: ACTION_SUBJECT_ID.FORMAT_CLEAR,
         attributes: {
           inputMethod: inputMethod,
-          formattingCleared: formattingCleared
+          formattingCleared: formattingCleared,
+          dropdownMenu: inputMethod === INPUT_METHOD.TOOLBAR || inputMethod === INPUT_METHOD.FLOATING_TB ? 'textFormatting' : undefined
         }
       })(tr);
     }

package/dist/esm/ui/Toolbar/index.js

@@ -11,8 +11,9 @@ import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { usePreviousState } from '@atlaskit/editor-common/hooks';
 import { toolbarMessages } from '@atlaskit/editor-common/messages';
-import { buttonGroupStyle, separatorStyles, wrapperStyle } from '@atlaskit/editor-common/styles';
+import { buttonGroupStyle, buttonGroupStyleBeforeVisualRefresh, separatorStyles, wrapperStyle } from '@atlaskit/editor-common/styles';
 import { Announcer } from '@atlaskit/editor-common/ui';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { compareItemsArrays, isArrayContainsContent } from '../../editor-commands/utils';
 import { FormattingTextDropdownMenu } from './dropdown-menu';
 import { useClearIcon } from './hooks/clear-formatting-icon';
@@ -131,7 +132,13 @@ var ToolbarFormatting = function ToolbarFormatting(_ref) {
   return (
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     jsx("span", {
-      css: buttonGroupStyle
+      css:
+      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration, @atlaskit/platform/ensure-feature-flag-prefix
+      fg('platform-visual-refresh-icons') ?
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
+      buttonGroupStyle :
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
+      buttonGroupStyleBeforeVisualRefresh
     }, jsx("div", {
       role: "group"
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -148,6 +155,7 @@ var ToolbarFormatting = function ToolbarFormatting(_ref) {
       editorView: editorView,
       isReducedSpacing: isReducedSpacing
     }), jsx("span", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage
       css: wrapperStyle
     }, isToolbarDisabled ? jsx("div", null, jsx(MoreButton, {
       label: moreFormattingButtonLabel,

package/dist/esm/ui/Toolbar/more-button.js

@@ -31,7 +31,7 @@ export var MoreButton = /*#__PURE__*/React.memo(function (_ref) {
     spacing: isReducedSpacing ? 'none' : 'default',
     title: label,
     iconBefore:
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/platform/ensure-feature-flag-prefix -- Ignored via go/DSP-18766
     jsx("div", {
       css: fg('platform-visual-refresh-icons') ? MoreIconStyle : triggerWrapperStyles
     }, jsx(ShowMoreHorizontalIcon, {

package/dist/esm/ui/Toolbar/single-toolbar-buttons.js

@@ -6,8 +6,9 @@ import React, { useCallback } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
-import { buttonGroupStyle } from '@atlaskit/editor-common/styles';
+import { buttonGroupStyle, buttonGroupStyleBeforeVisualRefresh } from '@atlaskit/editor-common/styles';
 import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
+import { fg } from '@atlaskit/platform-feature-flags';
 export var SingleToolbarButtons = /*#__PURE__*/React.memo(function (_ref) {
   var items = _ref.items,
     isReducedSpacing = _ref.isReducedSpacing,
@@ -21,7 +22,13 @@ export var SingleToolbarButtons = /*#__PURE__*/React.memo(function (_ref) {
   return (
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     jsx("span", {
-      css: buttonGroupStyle
+      css:
+      // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration, @atlaskit/platform/ensure-feature-flag-prefix
+      fg('platform-visual-refresh-icons') ?
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
+      buttonGroupStyle :
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
+      buttonGroupStyleBeforeVisualRefresh
     }, items.map(function (item) {
       var _item$ariaLabel;
       return jsx(ToolbarButton, {

package/dist/types/editor-commands/clear-formatting.d.ts

@@ -1,4 +1,5 @@
-import type { EditorAnalyticsAPI, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { Command } from '@atlaskit/editor-common/types';
 export declare const FORMATTING_NODE_TYPES: string[];
 export declare const FORMATTING_MARK_TYPES: string[];

package/dist/types-ts4.5/editor-commands/clear-formatting.d.ts

@@ -1,4 +1,5 @@
-import type { EditorAnalyticsAPI, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { Command } from '@atlaskit/editor-common/types';
 export declare const FORMATTING_NODE_TYPES: string[];
 export declare const FORMATTING_MARK_TYPES: string[];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-text-formatting",
-	"version": "1.16.7",
+	"version": "1.16.9",
 	"description": "Text-formatting plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -32,16 +32,16 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^46.1.0",
-		"@atlaskit/editor-common": "^98.0.0",
+		"@atlaskit/editor-common": "^98.2.0",
 		"@atlaskit/editor-plugin-analytics": "^1.10.0",
 		"@atlaskit/editor-plugin-primary-toolbar": "^2.1.0",
 		"@atlaskit/editor-prosemirror": "6.2.1",
 		"@atlaskit/editor-shared-styles": "^3.2.0",
 		"@atlaskit/editor-tables": "^2.8.0",
-		"@atlaskit/icon": "^23.1.0",
+		"@atlaskit/icon": "^23.2.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/prosemirror-input-rules": "^3.2.0",
-		"@atlaskit/tmp-editor-statsig": "^2.31.0",
+		"@atlaskit/tmp-editor-statsig": "^2.33.0",
 		"@atlaskit/tokens": "^2.5.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",