@atlaskit/editor-plugin-insert-block 1.2.0 → 1.2.2

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/editor-plugin-insert-block
 
+## 1.2.2
+
+### Patch Changes
+
+- [#92968](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/92968) [`f33e18f5cfa8`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f33e18f5cfa8) - [ux] [ED-22585] - Made sure that table buttons do not render if they are not visible
+- Updated dependencies
+
+## 1.2.1
+
+### Patch Changes
+
+- [#94316](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/94316) [`35fd5ed8e1d7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/35fd5ed8e1d7) - Upgrading internal dependency `bind-event-listener` to `@^3.0.0`
+
 ## 1.2.0
 
 ### Minor Changes

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

@@ -604,6 +604,14 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
       var _this$props14 = this.props,
         isDisabled = _this$props14.isDisabled,
         isReducedSpacing = _this$props14.isReducedSpacing;
+      var isTableButtonVisible = buttons.some(function (_ref6) {
+        var value = _ref6.value;
+        return value.name === 'table';
+      });
+      var isTableSizeVisible = buttons.some(function (_ref7) {
+        var value = _ref7.value;
+        return value.name === 'table selector';
+      });
       if (buttons.length === 0 && dropdownItems.length === 0) {
         return null;
       }
@@ -650,13 +658,13 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
             "aria-keyshortcuts": btn['aria-keyshortcuts'],
             onItemClick: _this3.insertToolbarMenuItem
           });
-        }), this.props.tableSelectorSupported && (0, _react2.jsx)("div", {
+        }), this.props.tableSelectorSupported && (isTableButtonVisible || isTableSizeVisible) && (0, _react2.jsx)("div", {
           // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
           css: tableButtonWrapper({
             isTableSelectorOpen: isTableSelectorOpen,
             isButtonDisabled: (_tableButton = tableButton) === null || _tableButton === void 0 ? void 0 : _tableButton.isDisabled
           })
-        }, (0, _react2.jsx)(_uiMenu.ToolbarButton, {
+        }, isTableButtonVisible && (0, _react2.jsx)(_uiMenu.ToolbarButton, {
           className: "table-toolbar-btn",
           item: tableButton,
           ref: this.tableButtonRef,
@@ -671,7 +679,7 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
           "aria-haspopup": tableButton ? tableButton['aria-haspopup'] : undefined,
           "aria-keyshortcuts": tableButton ? tableButton['aria-keyshortcuts'] : undefined,
           onItemClick: this.insertToolbarMenuItem
-        }), (0, _react2.jsx)(_uiMenu.ToolbarButton, {
+        }), isTableButtonVisible && (0, _react2.jsx)(_uiMenu.ToolbarButton, {
           className: "table-selector-toolbar-btn",
           item: tableSelectorButton,
           testId: String((_tableSelectorButton = tableSelectorButton) === null || _tableSelectorButton === void 0 ? void 0 : _tableSelectorButton.content),

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

@@ -645,6 +645,12 @@ export class ToolbarInsertBlock extends React.PureComponent {
       isDisabled,
       isReducedSpacing
     } = this.props;
+    const isTableButtonVisible = buttons.some(({
+      value
+    }) => value.name === 'table');
+    const isTableSizeVisible = buttons.some(({
+      value
+    }) => value.name === 'table selector');
     if (buttons.length === 0 && dropdownItems.length === 0) {
       return null;
     }
@@ -682,13 +688,13 @@ export class ToolbarInsertBlock extends React.PureComponent {
           "aria-keyshortcuts": btn['aria-keyshortcuts'],
           onItemClick: this.insertToolbarMenuItem
         });
-      }), this.props.tableSelectorSupported && jsx("div", {
+      }), this.props.tableSelectorSupported && (isTableButtonVisible || isTableSizeVisible) && jsx("div", {
         // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
         css: tableButtonWrapper({
           isTableSelectorOpen,
           isButtonDisabled: (_tableButton = tableButton) === null || _tableButton === void 0 ? void 0 : _tableButton.isDisabled
         })
-      }, jsx(ToolbarButton, {
+      }, isTableButtonVisible && jsx(ToolbarButton, {
         className: "table-toolbar-btn",
         item: tableButton,
         ref: this.tableButtonRef,
@@ -703,7 +709,7 @@ export class ToolbarInsertBlock extends React.PureComponent {
         "aria-haspopup": tableButton ? tableButton['aria-haspopup'] : undefined,
         "aria-keyshortcuts": tableButton ? tableButton['aria-keyshortcuts'] : undefined,
         onItemClick: this.insertToolbarMenuItem
-      }), jsx(ToolbarButton, {
+      }), isTableButtonVisible && jsx(ToolbarButton, {
         className: "table-selector-toolbar-btn",
         item: tableSelectorButton,
         testId: String((_tableSelectorButton = tableSelectorButton) === null || _tableSelectorButton === void 0 ? void 0 : _tableSelectorButton.content),

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

@@ -594,6 +594,14 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       var _this$props14 = this.props,
         isDisabled = _this$props14.isDisabled,
         isReducedSpacing = _this$props14.isReducedSpacing;
+      var isTableButtonVisible = buttons.some(function (_ref6) {
+        var value = _ref6.value;
+        return value.name === 'table';
+      });
+      var isTableSizeVisible = buttons.some(function (_ref7) {
+        var value = _ref7.value;
+        return value.name === 'table selector';
+      });
       if (buttons.length === 0 && dropdownItems.length === 0) {
         return null;
       }
@@ -640,13 +648,13 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
             "aria-keyshortcuts": btn['aria-keyshortcuts'],
             onItemClick: _this3.insertToolbarMenuItem
           });
-        }), this.props.tableSelectorSupported && jsx("div", {
+        }), this.props.tableSelectorSupported && (isTableButtonVisible || isTableSizeVisible) && jsx("div", {
           // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
           css: tableButtonWrapper({
             isTableSelectorOpen: isTableSelectorOpen,
             isButtonDisabled: (_tableButton = tableButton) === null || _tableButton === void 0 ? void 0 : _tableButton.isDisabled
           })
-        }, jsx(ToolbarButton, {
+        }, isTableButtonVisible && jsx(ToolbarButton, {
           className: "table-toolbar-btn",
           item: tableButton,
           ref: this.tableButtonRef,
@@ -661,7 +669,7 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
           "aria-haspopup": tableButton ? tableButton['aria-haspopup'] : undefined,
           "aria-keyshortcuts": tableButton ? tableButton['aria-keyshortcuts'] : undefined,
           onItemClick: this.insertToolbarMenuItem
-        }), jsx(ToolbarButton, {
+        }), isTableButtonVisible && jsx(ToolbarButton, {
           className: "table-selector-toolbar-btn",
           item: tableSelectorButton,
           testId: String((_tableSelectorButton = tableSelectorButton) === null || _tableSelectorButton === void 0 ? void 0 : _tableSelectorButton.content),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-insert-block",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "Insert block plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -33,7 +33,7 @@
     ".": "./src/index.ts"
   },
   "dependencies": {
-    "@atlaskit/editor-common": "^78.31.0",
+    "@atlaskit/editor-common": "^78.33.0",
     "@atlaskit/editor-plugin-analytics": "^1.1.0",
     "@atlaskit/editor-plugin-block-type": "^3.1.0",
     "@atlaskit/editor-plugin-code-block": "^1.2.0",
@@ -51,19 +51,19 @@
     "@atlaskit/editor-plugin-quick-insert": "^1.1.0",
     "@atlaskit/editor-plugin-rule": "^1.2.0",
     "@atlaskit/editor-plugin-status": "^1.1.0",
-    "@atlaskit/editor-plugin-table": "^7.8.0",
+    "@atlaskit/editor-plugin-table": "^7.10.0",
     "@atlaskit/editor-plugin-tasks-and-decisions": "^1.1.0",
     "@atlaskit/editor-plugin-type-ahead": "^1.1.0",
     "@atlaskit/editor-prosemirror": "4.0.0",
-    "@atlaskit/editor-shared-styles": "^2.9.0",
+    "@atlaskit/editor-shared-styles": "^2.10.0",
     "@atlaskit/emoji": "^67.6.0",
     "@atlaskit/icon": "^22.1.0",
-    "@atlaskit/primitives": "^5.5.0",
+    "@atlaskit/primitives": "^5.6.0",
     "@atlaskit/theme": "^12.7.0",
-    "@atlaskit/tokens": "^1.43.0",
+    "@atlaskit/tokens": "^1.44.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
-    "bind-event-listener": "^2.1.1",
+    "bind-event-listener": "^3.0.0",
     "lodash": "^4.17.21",
     "memoize-one": "^6.0.0"
   },