@atlaskit/editor-plugin-table 12.1.3 → 12.1.4

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @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

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/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/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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "12.1.3",
+	"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",

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)}
 						/>