@atlaskit/editor-plugin-table 12.1.2 → 12.1.4

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-plugin-table
 
+## 12.1.4
+
+### Patch Changes
+
+- [#190680](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/190680)
+  [`c27708467595b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c27708467595b) -
+  [ux] ENGHEALTH-32145 A11y violation detected for rule "label" for "@af/editor-plugin-table-tests"
+  from "Editor: Jenga"
+- Updated dependencies
+
+## 12.1.3
+
+### Patch Changes
+
+- [#189903](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/189903)
+  [`f5ccd32e607db`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f5ccd32e607db) -
+  [ED-28567] Add/remove missing/extra separators in media, table and panel toolbars shown in Jira
+- Updated dependencies
+
 ## 12.1.2
 
 ### Patch Changes

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

@@ -19,6 +19,7 @@ var _state = require("@atlaskit/editor-prosemirror/state");
 var _editorTables = require("@atlaskit/editor-tables");
 var _adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
 var _setCustomNativeDragPreview = require("@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _pluginFactory = require("../../pm-plugins/drag-and-drop/plugin-factory");
 var _pluginFactory2 = require("../../pm-plugins/plugin-factory");
 var _mergedCells = require("../../pm-plugins/utils/merged-cells");
@@ -196,7 +197,8 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
         toggleDragMenu && toggleDragMenu('mouse', e);
       }
     },
-    onClick: onClick
+    onClick: onClick,
+    "aria-label": (0, _expValEquals.expValEquals)('platform_editor_enghealth_table_plugin_lable_rule', 'isEnabled', true) ? formatMessage(_messages.tableMessages.dragHandleZone) : undefined
   }), /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
     id: isDragMenuTarget ? showDragMenuAnchorId : undefined

package/dist/cjs/ui/FloatingDragMenu/DragMenu.js

@@ -23,6 +23,7 @@ var _tableMap = require("@atlaskit/editor-tables/table-map");
 var _utils2 = require("@atlaskit/editor-tables/utils");
 var _paintBucketEditorBackgroundColor = _interopRequireDefault(require("@atlaskit/icon/core/migration/paint-bucket--editor-background-color"));
 var _primitives = require("@atlaskit/primitives");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _toggle = _interopRequireDefault(require("@atlaskit/toggle"));
 var _commands = require("../../pm-plugins/commands");
 var _commandsWithAnalytics = require("../../pm-plugins/commands/commands-with-analytics");
@@ -349,6 +350,7 @@ var DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
         css: _styles2.toggleStyles
       }, (0, _react2.jsx)(_toggle.default, {
         id: "toggle-header-column",
+        label: (0, _expValEquals.expValEquals)('platform_editor_enghealth_table_plugin_lable_rule', 'isEnabled', true) ? formatMessage(_messages.tableMessages.headerColumn) : undefined,
         onChange: toggleHeaderColumn,
         isChecked: (0, _nodes.checkIfHeaderColumnEnabled)(selection)
       }))
@@ -364,6 +366,7 @@ var DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
         css: _styles2.toggleStyles
       }, (0, _react2.jsx)(_toggle.default, {
         id: "toggle-header-row",
+        label: (0, _expValEquals.expValEquals)('platform_editor_enghealth_table_plugin_lable_rule', 'isEnabled', true) ? formatMessage(_messages.tableMessages.headerRow) : undefined,
         onChange: toggleHeaderRow,
         isChecked: (0, _nodes.checkIfHeaderRowEnabled)(selection)
       }))
@@ -382,6 +385,7 @@ var DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
         css: _styles2.toggleStyles
       }, (0, _react2.jsx)(_toggle.default, {
         id: "toggle-row-numbers",
+        label: (0, _expValEquals.expValEquals)('platform_editor_enghealth_table_plugin_lable_rule', 'isEnabled', true) ? formatMessage(_messages.tableMessages.numberedColumn) : undefined,
         onChange: toggleRowNumbers,
         isChecked: (0, _nodes.checkIfNumberColumnEnabled)(selection)
       }))

package/dist/cjs/ui/toolbar.js

@@ -547,7 +547,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(getE
                   }
                 });
               }
-            }].concat((0, _toConsumableArray2.default)(extensionApi && extensionState !== null && extensionState !== void 0 && extensionState.extensionProvider ? [{
+            }].concat((0, _toConsumableArray2.default)(extensionApi && extensionState !== null && extensionState !== void 0 && extensionState.extensionProvider && !(0, _toolbarFlagCheck.areToolbarFlagsEnabled)() ? [{
               type: 'separator'
             }] : []), [_objectSpread({
               title: intl.formatMessage(_messages.default.copyToClipboard),

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

@@ -11,6 +11,7 @@ import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findTable, TableMap } from '@atlaskit/editor-tables';
 import { draggable } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { getPluginState as getDnDPluginState } from '../../pm-plugins/drag-and-drop/plugin-factory';
 import { getPluginState } from '../../pm-plugins/plugin-factory';
 import { findDuplicatePosition, hasMergedCellsInSelection } from '../../pm-plugins/utils/merged-cells';
@@ -190,7 +191,8 @@ const DragHandleComponent = ({
         toggleDragMenu && toggleDragMenu('mouse', e);
       }
     },
-    onClick: onClick
+    onClick: onClick,
+    "aria-label": expValEquals('platform_editor_enghealth_table_plugin_lable_rule', 'isEnabled', true) ? formatMessage(messages.dragHandleZone) : undefined
   }), /*#__PURE__*/React.createElement("button", {
     type: "button",
     id: isDragMenuTarget ? showDragMenuAnchorId : undefined

package/dist/es2019/ui/FloatingDragMenu/DragMenu.js

@@ -22,6 +22,7 @@ import { findCellRectClosestToPos, getSelectionRect, isSelectionType } from '@at
 import PaintBucketIcon from '@atlaskit/icon/core/migration/paint-bucket--editor-background-color';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import Toggle from '@atlaskit/toggle';
 import { clearHoverSelection, hoverColumns, hoverRows } from '../../pm-plugins/commands';
 import { setColorWithAnalytics, toggleHeaderColumnWithAnalytics, toggleHeaderRowWithAnalytics, toggleNumberColumnWithAnalytics } from '../../pm-plugins/commands/commands-with-analytics';
@@ -343,6 +344,7 @@ const DragMenu = /*#__PURE__*/React.memo(({
         css: toggleStyles
       }, jsx(Toggle, {
         id: "toggle-header-column",
+        label: expValEquals('platform_editor_enghealth_table_plugin_lable_rule', 'isEnabled', true) ? formatMessage(messages.headerColumn) : undefined,
         onChange: toggleHeaderColumn,
         isChecked: checkIfHeaderColumnEnabled(selection)
       }))
@@ -358,6 +360,7 @@ const DragMenu = /*#__PURE__*/React.memo(({
         css: toggleStyles
       }, jsx(Toggle, {
         id: "toggle-header-row",
+        label: expValEquals('platform_editor_enghealth_table_plugin_lable_rule', 'isEnabled', true) ? formatMessage(messages.headerRow) : undefined,
         onChange: toggleHeaderRow,
         isChecked: checkIfHeaderRowEnabled(selection)
       }))
@@ -376,6 +379,7 @@ const DragMenu = /*#__PURE__*/React.memo(({
         css: toggleStyles
       }, jsx(Toggle, {
         id: "toggle-row-numbers",
+        label: expValEquals('platform_editor_enghealth_table_plugin_lable_rule', 'isEnabled', true) ? formatMessage(messages.numberedColumn) : undefined,
         onChange: toggleRowNumbers,
         isChecked: checkIfNumberColumnEnabled(selection)
       }))

package/dist/es2019/ui/toolbar.js

@@ -517,7 +517,7 @@ export const getToolbarConfig = (getEditorContainerWidth, api, editorAnalyticsAP
               }
             });
           }
-        }, ...(extensionApi && extensionState !== null && extensionState !== void 0 && extensionState.extensionProvider ? [{
+        }, ...(extensionApi && extensionState !== null && extensionState !== void 0 && extensionState.extensionProvider && !areToolbarFlagsEnabled() ? [{
           type: 'separator'
         }] : []), {
           title: intl.formatMessage(commonMessages.copyToClipboard),

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

@@ -13,6 +13,7 @@ import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findTable, TableMap } from '@atlaskit/editor-tables';
 import { draggable } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { getPluginState as getDnDPluginState } from '../../pm-plugins/drag-and-drop/plugin-factory';
 import { getPluginState } from '../../pm-plugins/plugin-factory';
 import { findDuplicatePosition, hasMergedCellsInSelection } from '../../pm-plugins/utils/merged-cells';
@@ -187,7 +188,8 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
         toggleDragMenu && toggleDragMenu('mouse', e);
       }
     },
-    onClick: onClick
+    onClick: onClick,
+    "aria-label": expValEquals('platform_editor_enghealth_table_plugin_lable_rule', 'isEnabled', true) ? formatMessage(messages.dragHandleZone) : undefined
   }), /*#__PURE__*/React.createElement("button", {
     type: "button",
     id: isDragMenuTarget ? showDragMenuAnchorId : undefined

package/dist/esm/ui/FloatingDragMenu/DragMenu.js

@@ -24,6 +24,7 @@ import { findCellRectClosestToPos, getSelectionRect, isSelectionType } from '@at
 import PaintBucketIcon from '@atlaskit/icon/core/migration/paint-bucket--editor-background-color';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import Toggle from '@atlaskit/toggle';
 import { clearHoverSelection, hoverColumns, hoverRows } from '../../pm-plugins/commands';
 import { setColorWithAnalytics, toggleHeaderColumnWithAnalytics, toggleHeaderRowWithAnalytics, toggleNumberColumnWithAnalytics } from '../../pm-plugins/commands/commands-with-analytics';
@@ -338,6 +339,7 @@ var DragMenu = /*#__PURE__*/React.memo(function (_ref) {
         css: toggleStyles
       }, jsx(Toggle, {
         id: "toggle-header-column",
+        label: expValEquals('platform_editor_enghealth_table_plugin_lable_rule', 'isEnabled', true) ? formatMessage(messages.headerColumn) : undefined,
         onChange: toggleHeaderColumn,
         isChecked: checkIfHeaderColumnEnabled(selection)
       }))
@@ -353,6 +355,7 @@ var DragMenu = /*#__PURE__*/React.memo(function (_ref) {
         css: toggleStyles
       }, jsx(Toggle, {
         id: "toggle-header-row",
+        label: expValEquals('platform_editor_enghealth_table_plugin_lable_rule', 'isEnabled', true) ? formatMessage(messages.headerRow) : undefined,
         onChange: toggleHeaderRow,
         isChecked: checkIfHeaderRowEnabled(selection)
       }))
@@ -371,6 +374,7 @@ var DragMenu = /*#__PURE__*/React.memo(function (_ref) {
         css: toggleStyles
       }, jsx(Toggle, {
         id: "toggle-row-numbers",
+        label: expValEquals('platform_editor_enghealth_table_plugin_lable_rule', 'isEnabled', true) ? formatMessage(messages.numberedColumn) : undefined,
         onChange: toggleRowNumbers,
         isChecked: checkIfNumberColumnEnabled(selection)
       }))

package/dist/esm/ui/toolbar.js

@@ -540,7 +540,7 @@ export var getToolbarConfig = function getToolbarConfig(getEditorContainerWidth,
                   }
                 });
               }
-            }].concat(_toConsumableArray(extensionApi && extensionState !== null && extensionState !== void 0 && extensionState.extensionProvider ? [{
+            }].concat(_toConsumableArray(extensionApi && extensionState !== null && extensionState !== void 0 && extensionState.extensionProvider && !areToolbarFlagsEnabled() ? [{
               type: 'separator'
             }] : []), [_objectSpread({
               title: intl.formatMessage(commonMessages.copyToClipboard),

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "12.1.2",
+	"version": "12.1.4",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -54,7 +54,7 @@
 		"@atlaskit/primitives": "^14.10.0",
 		"@atlaskit/react-ufo": "^4.1.0",
 		"@atlaskit/theme": "^19.0.0",
-		"@atlaskit/tmp-editor-statsig": "^9.10.0",
+		"@atlaskit/tmp-editor-statsig": "^9.11.0",
 		"@atlaskit/toggle": "^15.0.0",
 		"@atlaskit/tokens": "^5.6.0",
 		"@atlaskit/tooltip": "^20.3.0",
@@ -67,7 +67,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^107.10.0",
+		"@atlaskit/editor-common": "^107.12.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"

package/src/ui/DragHandle/index.tsx

@@ -20,6 +20,7 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { findTable, TableMap } from '@atlaskit/editor-tables';
 import { draggable } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { token } from '@atlaskit/tokens';
 
 import { getPluginState as getDnDPluginState } from '../../pm-plugins/drag-and-drop/plugin-factory';
@@ -250,6 +251,11 @@ const DragHandleComponent = ({
 					}
 				}}
 				onClick={onClick}
+				aria-label={
+					expValEquals('platform_editor_enghealth_table_plugin_lable_rule', 'isEnabled', true)
+						? formatMessage(messages.dragHandleZone)
+						: undefined
+				}
 			/>
 			<button
 				type="button"

package/src/ui/FloatingDragMenu/DragMenu.tsx

@@ -44,6 +44,7 @@ import {
 import PaintBucketIcon from '@atlaskit/icon/core/migration/paint-bucket--editor-background-color';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import Toggle from '@atlaskit/toggle';
 
 import { clearHoverSelection, hoverColumns, hoverRows } from '../../pm-plugins/commands';
@@ -447,6 +448,15 @@ const DragMenu = React.memo(
 							<div css={toggleStyles}>
 								<Toggle
 									id="toggle-header-column"
+									label={
+										expValEquals(
+											'platform_editor_enghealth_table_plugin_lable_rule',
+											'isEnabled',
+											true,
+										)
+											? formatMessage(messages.headerColumn)
+											: undefined
+									}
 									onChange={toggleHeaderColumn}
 									isChecked={checkIfHeaderColumnEnabled(selection)}
 								/>
@@ -462,6 +472,15 @@ const DragMenu = React.memo(
 							<div css={toggleStyles}>
 								<Toggle
 									id="toggle-header-row"
+									label={
+										expValEquals(
+											'platform_editor_enghealth_table_plugin_lable_rule',
+											'isEnabled',
+											true,
+										)
+											? formatMessage(messages.headerRow)
+											: undefined
+									}
 									onChange={toggleHeaderRow}
 									isChecked={checkIfHeaderRowEnabled(selection)}
 								/>
@@ -480,6 +499,11 @@ const DragMenu = React.memo(
 					<div css={toggleStyles}>
 						<Toggle
 							id="toggle-row-numbers"
+							label={
+								expValEquals('platform_editor_enghealth_table_plugin_lable_rule', 'isEnabled', true)
+									? formatMessage(messages.numberedColumn)
+									: undefined
+							}
 							onChange={toggleRowNumbers}
 							isChecked={checkIfNumberColumnEnabled(selection)}
 						/>

package/src/ui/toolbar.tsx

@@ -742,7 +742,9 @@ export const getToolbarConfig =
 												);
 											},
 										},
-										...(extensionApi && extensionState?.extensionProvider
+										...(extensionApi &&
+										extensionState?.extensionProvider &&
+										!areToolbarFlagsEnabled()
 											? [{ type: 'separator' }]
 											: []),
 										{