@atlaskit/editor-toolbar 1.5.1 → 1.6.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-toolbar
 
+## 1.6.0
+
+### Minor Changes
+
+- [`98ee7ca379f42`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/98ee7ca379f42) -
+  Add experiment-gated table menu updates for cell menu
+
+### Patch Changes
+
+- Updated dependencies
+
+## 1.5.2
+
+### Patch Changes
+
+- [`0197bccd3d244`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0197bccd3d244) -
+  Add vertical alignment options to layout column menus and rendering.
+- Updated dependencies
+
 ## 1.5.1
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -382,6 +382,18 @@ Object.defineProperty(exports, "SyncBlocksIcon", {
     return _SyncBlocksIcon.SyncBlocksIcon;
   }
 });
+Object.defineProperty(exports, "TableCellMergeIcon", {
+  enumerable: true,
+  get: function get() {
+    return _TableCellMergeIcon.TableCellMergeIcon;
+  }
+});
+Object.defineProperty(exports, "TableCellSplitIcon", {
+  enumerable: true,
+  get: function get() {
+    return _TableCellSplitIcon.TableCellSplitIcon;
+  }
+});
 Object.defineProperty(exports, "TableColumnAddLeftIcon", {
   enumerable: true,
   get: function get() {
@@ -662,6 +674,8 @@ var _ArrowUpIcon = require("./ui/icons/ArrowUpIcon");
 var _TableIcon = require("./ui/icons/TableIcon");
 var _TableColumnAddLeftIcon = require("./ui/icons/TableColumnAddLeftIcon");
 var _TableColumnAddRightIcon = require("./ui/icons/TableColumnAddRightIcon");
+var _TableCellMergeIcon = require("./ui/icons/TableCellMergeIcon");
+var _TableCellSplitIcon = require("./ui/icons/TableCellSplitIcon");
 var _TableColumnMoveRightIcon = require("./ui/icons/TableColumnMoveRightIcon");
 var _TableColumnsDistributeIcon = require("./ui/icons/TableColumnsDistributeIcon");
 var _TableRowAddAboveIcon = require("./ui/icons/TableRowAddAboveIcon");

package/dist/cjs/ui/ToolbarDropdownItem.js

@@ -45,16 +45,17 @@ var CustomDropdownMenuItemButton = /*#__PURE__*/(0, _react.forwardRef)(function
     title = _ref.title,
     dataExtensionItemKey = _ref['data-extension-item-key'];
   return /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
-    role: (0, _expValEquals.expValEquals)('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? 'menuitem' : undefined,
+    role: (0, _expValEquals.expValEquals)('platform_editor_layout_column_menu', 'isEnabled', true) ? ariaPressed !== undefined && !ariaHasPopup ? 'menuitemradio' : 'menuitem' : (0, _expValEquals.expValEquals)('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? 'menuitem' : undefined,
     testId: testId,
     xcss: (0, _css.cx)(styles.toolbarDropdownItem, ariaDisabled ? styles.disabled : ariaPressed ? styles.selected : styles.enabled),
     onClick: onClick,
     tabIndex: tabIndex,
     "aria-haspopup": ariaHasPopup,
-    "aria-expanded": ariaHasPopup ? ariaPressed ? true : false : undefined
+    "aria-expanded": ariaHasPopup ? ariaPressed ? true : false : undefined,
+    "aria-checked": (0, _expValEquals.expValEquals)('platform_editor_layout_column_menu', 'isEnabled', true) && !ariaHasPopup ? ariaPressed : undefined
     // platform_editor_enghealth_a11y_jan_fixes: menuitem roles cannot have aria-pressed attribute
     ,
-    "aria-pressed": (0, _expValEquals.expValEquals)('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? undefined : ariaPressed,
+    "aria-pressed": (0, _expValEquals.expValEquals)('platform_editor_layout_column_menu', 'isEnabled', true) ? undefined : (0, _expValEquals.expValEquals)('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? undefined : ariaPressed,
     "aria-disabled": ariaDisabled,
     "aria-keyshortcuts": ariaKeyshortcuts,
     "data-toolbar-component": (0, _experiments.editorExperiment)('platform_synced_block', true) ? 'menu-item' : undefined,
@@ -78,16 +79,17 @@ var CustomDropdownMenuItemAnchor = /*#__PURE__*/(0, _react.forwardRef)(function
     title = _ref2.title,
     dataAttributes = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
   return /*#__PURE__*/_react.default.createElement(_compiled.Anchor, (0, _extends2.default)({
-    role: (0, _expValEquals.expValEquals)('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? 'menuitem' : undefined,
+    role: (0, _expValEquals.expValEquals)('platform_editor_layout_column_menu', 'isEnabled', true) ? ariaPressed !== undefined && !ariaHasPopup ? 'menuitemradio' : 'menuitem' : (0, _expValEquals.expValEquals)('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? 'menuitem' : undefined,
     testId: testId,
     xcss: (0, _css.cx)(styles.toolbarDropdownItem, styles.anchor, ariaDisabled ? styles.disabled : ariaPressed ? styles.selected : styles.enabled),
     onClick: onClick,
     tabIndex: tabIndex,
     "aria-haspopup": ariaHasPopup,
-    "aria-expanded": ariaHasPopup ? ariaPressed ? true : false : undefined
+    "aria-expanded": ariaHasPopup ? ariaPressed ? true : false : undefined,
+    "aria-checked": (0, _expValEquals.expValEquals)('platform_editor_layout_column_menu', 'isEnabled', true) && !ariaHasPopup ? ariaPressed : undefined
     // platform_editor_enghealth_a11y_jan_fixes: menuitem roles cannot have aria-pressed attribute
     ,
-    "aria-pressed": (0, _expValEquals.expValEquals)('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? undefined : ariaPressed,
+    "aria-pressed": (0, _expValEquals.expValEquals)('platform_editor_layout_column_menu', 'isEnabled', true) ? undefined : (0, _expValEquals.expValEquals)('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? undefined : ariaPressed,
     "aria-disabled": ariaDisabled,
     "aria-keyshortcuts": ariaKeyshortcuts,
     "data-toolbar-component": "menu-item",

package/dist/cjs/ui/ToolbarMenuContainer.js

@@ -22,6 +22,7 @@ var ToolbarMenuContainer = exports.ToolbarMenuContainer = function ToolbarMenuCo
   var children = _ref.children;
   return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: styles.container,
-    "data-toolbar-component": "menu"
+    "data-toolbar-component": "menu",
+    role: "menu"
   }, children);
 };

package/dist/cjs/ui/icons/TableCellMergeIcon.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "TableCellMergeIcon", {
+  enumerable: true,
+  get: function get() {
+    return _tableCellMerge.default;
+  }
+});
+var _tableCellMerge = _interopRequireDefault(require("@atlaskit/icon/core/table-cell-merge"));

package/dist/cjs/ui/icons/TableCellSplitIcon.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "TableCellSplitIcon", {
+  enumerable: true,
+  get: function get() {
+    return _tableCellSplit.default;
+  }
+});
+var _tableCellSplit = _interopRequireDefault(require("@atlaskit/icon/core/table-cell-split"));

package/dist/es2019/index.js

@@ -75,6 +75,8 @@ export { ArrowUpIcon } from './ui/icons/ArrowUpIcon';
 export { TableIcon } from './ui/icons/TableIcon';
 export { TableColumnAddLeftIcon } from './ui/icons/TableColumnAddLeftIcon';
 export { TableColumnAddRightIcon } from './ui/icons/TableColumnAddRightIcon';
+export { TableCellMergeIcon } from './ui/icons/TableCellMergeIcon';
+export { TableCellSplitIcon } from './ui/icons/TableCellSplitIcon';
 export { TableColumnMoveRightIcon } from './ui/icons/TableColumnMoveRightIcon';
 export { TableColumnsDistributeIcon } from './ui/icons/TableColumnsDistributeIcon';
 export { TableRowAddAboveIcon } from './ui/icons/TableRowAddAboveIcon';

package/dist/es2019/ui/ToolbarDropdownItem.js

@@ -30,16 +30,17 @@ const CustomDropdownMenuItemButton = /*#__PURE__*/forwardRef(({
   title,
   'data-extension-item-key': dataExtensionItemKey
 }, ref) => /*#__PURE__*/React.createElement(Pressable, {
-  role: expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? 'menuitem' : undefined,
+  role: expValEquals('platform_editor_layout_column_menu', 'isEnabled', true) ? ariaPressed !== undefined && !ariaHasPopup ? 'menuitemradio' : 'menuitem' : expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? 'menuitem' : undefined,
   testId: testId,
   xcss: cx(styles.toolbarDropdownItem, ariaDisabled ? styles.disabled : ariaPressed ? styles.selected : styles.enabled),
   onClick: onClick,
   tabIndex: tabIndex,
   "aria-haspopup": ariaHasPopup,
-  "aria-expanded": ariaHasPopup ? ariaPressed ? true : false : undefined
+  "aria-expanded": ariaHasPopup ? ariaPressed ? true : false : undefined,
+  "aria-checked": expValEquals('platform_editor_layout_column_menu', 'isEnabled', true) && !ariaHasPopup ? ariaPressed : undefined
   // platform_editor_enghealth_a11y_jan_fixes: menuitem roles cannot have aria-pressed attribute
   ,
-  "aria-pressed": expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? undefined : ariaPressed,
+  "aria-pressed": expValEquals('platform_editor_layout_column_menu', 'isEnabled', true) ? undefined : expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? undefined : ariaPressed,
   "aria-disabled": ariaDisabled,
   "aria-keyshortcuts": ariaKeyshortcuts,
   "data-toolbar-component": editorExperiment('platform_synced_block', true) ? 'menu-item' : undefined,
@@ -62,16 +63,17 @@ const CustomDropdownMenuItemAnchor = /*#__PURE__*/forwardRef(({
   title,
   ...dataAttributes
 }, ref) => /*#__PURE__*/React.createElement(Anchor, _extends({
-  role: expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? 'menuitem' : undefined,
+  role: expValEquals('platform_editor_layout_column_menu', 'isEnabled', true) ? ariaPressed !== undefined && !ariaHasPopup ? 'menuitemradio' : 'menuitem' : expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? 'menuitem' : undefined,
   testId: testId,
   xcss: cx(styles.toolbarDropdownItem, styles.anchor, ariaDisabled ? styles.disabled : ariaPressed ? styles.selected : styles.enabled),
   onClick: onClick,
   tabIndex: tabIndex,
   "aria-haspopup": ariaHasPopup,
-  "aria-expanded": ariaHasPopup ? ariaPressed ? true : false : undefined
+  "aria-expanded": ariaHasPopup ? ariaPressed ? true : false : undefined,
+  "aria-checked": expValEquals('platform_editor_layout_column_menu', 'isEnabled', true) && !ariaHasPopup ? ariaPressed : undefined
   // platform_editor_enghealth_a11y_jan_fixes: menuitem roles cannot have aria-pressed attribute
   ,
-  "aria-pressed": expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? undefined : ariaPressed,
+  "aria-pressed": expValEquals('platform_editor_layout_column_menu', 'isEnabled', true) ? undefined : expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? undefined : ariaPressed,
   "aria-disabled": ariaDisabled,
   "aria-keyshortcuts": ariaKeyshortcuts,
   "data-toolbar-component": "menu-item",

package/dist/es2019/ui/ToolbarMenuContainer.js

@@ -16,6 +16,7 @@ export const ToolbarMenuContainer = ({
 }) => {
   return /*#__PURE__*/React.createElement(Box, {
     xcss: styles.container,
-    "data-toolbar-component": "menu"
+    "data-toolbar-component": "menu",
+    role: "menu"
   }, children);
 };

package/dist/es2019/ui/icons/TableCellMergeIcon.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as TableCellMergeIcon } from '@atlaskit/icon/core/table-cell-merge';

package/dist/es2019/ui/icons/TableCellSplitIcon.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as TableCellSplitIcon } from '@atlaskit/icon/core/table-cell-split';

package/dist/esm/index.js

@@ -75,6 +75,8 @@ export { ArrowUpIcon } from './ui/icons/ArrowUpIcon';
 export { TableIcon } from './ui/icons/TableIcon';
 export { TableColumnAddLeftIcon } from './ui/icons/TableColumnAddLeftIcon';
 export { TableColumnAddRightIcon } from './ui/icons/TableColumnAddRightIcon';
+export { TableCellMergeIcon } from './ui/icons/TableCellMergeIcon';
+export { TableCellSplitIcon } from './ui/icons/TableCellSplitIcon';
 export { TableColumnMoveRightIcon } from './ui/icons/TableColumnMoveRightIcon';
 export { TableColumnsDistributeIcon } from './ui/icons/TableColumnsDistributeIcon';
 export { TableRowAddAboveIcon } from './ui/icons/TableRowAddAboveIcon';

package/dist/esm/ui/ToolbarDropdownItem.js

@@ -36,16 +36,17 @@ var CustomDropdownMenuItemButton = /*#__PURE__*/forwardRef(function (_ref, ref)
     title = _ref.title,
     dataExtensionItemKey = _ref['data-extension-item-key'];
   return /*#__PURE__*/React.createElement(Pressable, {
-    role: expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? 'menuitem' : undefined,
+    role: expValEquals('platform_editor_layout_column_menu', 'isEnabled', true) ? ariaPressed !== undefined && !ariaHasPopup ? 'menuitemradio' : 'menuitem' : expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? 'menuitem' : undefined,
     testId: testId,
     xcss: cx(styles.toolbarDropdownItem, ariaDisabled ? styles.disabled : ariaPressed ? styles.selected : styles.enabled),
     onClick: onClick,
     tabIndex: tabIndex,
     "aria-haspopup": ariaHasPopup,
-    "aria-expanded": ariaHasPopup ? ariaPressed ? true : false : undefined
+    "aria-expanded": ariaHasPopup ? ariaPressed ? true : false : undefined,
+    "aria-checked": expValEquals('platform_editor_layout_column_menu', 'isEnabled', true) && !ariaHasPopup ? ariaPressed : undefined
     // platform_editor_enghealth_a11y_jan_fixes: menuitem roles cannot have aria-pressed attribute
     ,
-    "aria-pressed": expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? undefined : ariaPressed,
+    "aria-pressed": expValEquals('platform_editor_layout_column_menu', 'isEnabled', true) ? undefined : expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? undefined : ariaPressed,
     "aria-disabled": ariaDisabled,
     "aria-keyshortcuts": ariaKeyshortcuts,
     "data-toolbar-component": editorExperiment('platform_synced_block', true) ? 'menu-item' : undefined,
@@ -69,16 +70,17 @@ var CustomDropdownMenuItemAnchor = /*#__PURE__*/forwardRef(function (_ref2, ref)
     title = _ref2.title,
     dataAttributes = _objectWithoutProperties(_ref2, _excluded);
   return /*#__PURE__*/React.createElement(Anchor, _extends({
-    role: expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? 'menuitem' : undefined,
+    role: expValEquals('platform_editor_layout_column_menu', 'isEnabled', true) ? ariaPressed !== undefined && !ariaHasPopup ? 'menuitemradio' : 'menuitem' : expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? 'menuitem' : undefined,
     testId: testId,
     xcss: cx(styles.toolbarDropdownItem, styles.anchor, ariaDisabled ? styles.disabled : ariaPressed ? styles.selected : styles.enabled),
     onClick: onClick,
     tabIndex: tabIndex,
     "aria-haspopup": ariaHasPopup,
-    "aria-expanded": ariaHasPopup ? ariaPressed ? true : false : undefined
+    "aria-expanded": ariaHasPopup ? ariaPressed ? true : false : undefined,
+    "aria-checked": expValEquals('platform_editor_layout_column_menu', 'isEnabled', true) && !ariaHasPopup ? ariaPressed : undefined
     // platform_editor_enghealth_a11y_jan_fixes: menuitem roles cannot have aria-pressed attribute
     ,
-    "aria-pressed": expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? undefined : ariaPressed,
+    "aria-pressed": expValEquals('platform_editor_layout_column_menu', 'isEnabled', true) ? undefined : expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? undefined : ariaPressed,
     "aria-disabled": ariaDisabled,
     "aria-keyshortcuts": ariaKeyshortcuts,
     "data-toolbar-component": "menu-item",

package/dist/esm/ui/ToolbarMenuContainer.js

@@ -15,6 +15,7 @@ export var ToolbarMenuContainer = function ToolbarMenuContainer(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/React.createElement(Box, {
     xcss: styles.container,
-    "data-toolbar-component": "menu"
+    "data-toolbar-component": "menu",
+    role: "menu"
   }, children);
 };

package/dist/esm/ui/icons/TableCellMergeIcon.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as TableCellMergeIcon } from '@atlaskit/icon/core/table-cell-merge';

package/dist/esm/ui/icons/TableCellSplitIcon.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as TableCellSplitIcon } from '@atlaskit/icon/core/table-cell-split';

package/dist/types/index.d.ts

@@ -74,6 +74,8 @@ export { ArrowUpIcon } from './ui/icons/ArrowUpIcon';
 export { TableIcon } from './ui/icons/TableIcon';
 export { TableColumnAddLeftIcon } from './ui/icons/TableColumnAddLeftIcon';
 export { TableColumnAddRightIcon } from './ui/icons/TableColumnAddRightIcon';
+export { TableCellMergeIcon } from './ui/icons/TableCellMergeIcon';
+export { TableCellSplitIcon } from './ui/icons/TableCellSplitIcon';
 export { TableColumnMoveRightIcon } from './ui/icons/TableColumnMoveRightIcon';
 export { TableColumnsDistributeIcon } from './ui/icons/TableColumnsDistributeIcon';
 export { TableRowAddAboveIcon } from './ui/icons/TableRowAddAboveIcon';

package/dist/types/ui/icons/TableCellMergeIcon.d.ts

@@ -0,0 +1 @@
+export { default as TableCellMergeIcon } from '@atlaskit/icon/core/table-cell-merge';

package/dist/types/ui/icons/TableCellSplitIcon.d.ts

@@ -0,0 +1 @@
+export { default as TableCellSplitIcon } from '@atlaskit/icon/core/table-cell-split';

package/dist/types-ts4.5/index.d.ts

@@ -74,6 +74,8 @@ export { ArrowUpIcon } from './ui/icons/ArrowUpIcon';
 export { TableIcon } from './ui/icons/TableIcon';
 export { TableColumnAddLeftIcon } from './ui/icons/TableColumnAddLeftIcon';
 export { TableColumnAddRightIcon } from './ui/icons/TableColumnAddRightIcon';
+export { TableCellMergeIcon } from './ui/icons/TableCellMergeIcon';
+export { TableCellSplitIcon } from './ui/icons/TableCellSplitIcon';
 export { TableColumnMoveRightIcon } from './ui/icons/TableColumnMoveRightIcon';
 export { TableColumnsDistributeIcon } from './ui/icons/TableColumnsDistributeIcon';
 export { TableRowAddAboveIcon } from './ui/icons/TableRowAddAboveIcon';

package/dist/types-ts4.5/ui/icons/TableCellMergeIcon.d.ts

@@ -0,0 +1 @@
+export { default as TableCellMergeIcon } from '@atlaskit/icon/core/table-cell-merge';

package/dist/types-ts4.5/ui/icons/TableCellSplitIcon.d.ts

@@ -0,0 +1 @@
+export { default as TableCellSplitIcon } from '@atlaskit/icon/core/table-cell-split';

package/package.json

@@ -3,7 +3,7 @@
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
 	},
-	"version": "1.5.1",
+	"version": "1.6.0",
 	"description": "Common UI for Toolbars across the platform",
 	"atlassian": {
 		"react-compiler": {
@@ -31,13 +31,13 @@
 		"@atlaskit/badge": "^18.6.0",
 		"@atlaskit/browser-apis": "^0.0.1",
 		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/dropdown-menu": "^16.8.0",
-		"@atlaskit/icon": "^34.6.0",
+		"@atlaskit/dropdown-menu": "^16.9.0",
+		"@atlaskit/icon": "^35.0.0",
 		"@atlaskit/icon-lab": "^6.9.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/popup": "^4.19.0",
+		"@atlaskit/popup": "^4.20.0",
 		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/tmp-editor-statsig": "^81.0.0",
+		"@atlaskit/tmp-editor-statsig": "^81.1.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^22.2.0",
 		"@babel/runtime": "^7.0.0",