@atlaskit/editor-plugin-insert-block 0.2.4 → 0.2.5

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-plugin-insert-block
 
+## 0.2.5
+
+### Patch Changes
+
+- [#60612](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/60612) [`7edc766361a2`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7edc766361a2) - Created an EditorCommad on table plugin to insert a table of custom size
+
 ## 0.2.4
 
 ### Patch Changes

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

@@ -199,6 +199,13 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
         eventType: _analytics.EVENT_TYPE.TRACK
       })(state, dispatch)) !== null && _pluginInjectionApi$t !== void 0 ? _pluginInjectionApi$t : false;
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertTableWithSize", function (inputMethod, rowsCount, colsCount) {
+      return function () {
+        var _pluginInjectionApi$t5;
+        var pluginInjectionApi = _this.props.pluginInjectionApi;
+        return pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.core.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$t5 = pluginInjectionApi.table) === null || _pluginInjectionApi$t5 === void 0 ? void 0 : _pluginInjectionApi$t5.commands.insertTableWithSize(rowsCount, colsCount, _analytics.INPUT_METHOD.PICKER));
+      };
+    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createDate", function (inputMethod) {
       var _pluginInjectionApi$d;
       var pluginInjectionApi = _this.props.pluginInjectionApi;
@@ -252,14 +259,14 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertTaskDecision", function (name, inputMethod) {
       return function () {
-        var _pluginInjectionApi$t5, _pluginInjectionApi$t6;
+        var _pluginInjectionApi$t6, _pluginInjectionApi$t7;
         var _this$props7 = _this.props,
           _this$props7$editorVi = _this$props7.editorView,
           state = _this$props7$editorVi.state,
           dispatch = _this$props7$editorVi.dispatch,
           pluginInjectionApi = _this$props7.pluginInjectionApi;
         var listType = name === 'action' ? 'taskList' : 'decisionList';
-        return (_pluginInjectionApi$t5 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$t6 = pluginInjectionApi.taskDecision) === null || _pluginInjectionApi$t6 === void 0 ? void 0 : _pluginInjectionApi$t6.actions.insertTaskDecision(listType, inputMethod)(state, dispatch)) !== null && _pluginInjectionApi$t5 !== void 0 ? _pluginInjectionApi$t5 : false;
+        return (_pluginInjectionApi$t6 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$t7 = pluginInjectionApi.taskDecision) === null || _pluginInjectionApi$t7 === void 0 ? void 0 : _pluginInjectionApi$t7.actions.insertTaskDecision(listType, inputMethod)(state, dispatch)) !== null && _pluginInjectionApi$t6 !== void 0 ? _pluginInjectionApi$t6 : false;
       };
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertHorizontalRule", function (inputMethod) {
@@ -324,6 +331,9 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
         case 'table':
           _this.insertTable(inputMethod);
           break;
+        case 'table with size':
+          _this.insertTableWithSize(inputMethod, 3, 3)(); // adding command here to pass typecheck but will implement the actual feature in future ticket
+          break;
         case 'image upload':
           if (handleImageUpload) {
             var state = editorView.state,

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

@@ -4,12 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.table = exports.status = exports.placeholder = exports.panel = exports.more = exports.mention = exports.media = exports.link = exports.layout = exports.imageUpload = exports.horizontalrule = exports.expand = exports.emoji = exports.decision = exports.date = exports.codeblock = exports.blockquote = exports.action = void 0;
+exports.tablePicker = exports.table = exports.status = exports.placeholder = exports.panel = exports.more = exports.mention = exports.media = exports.link = exports.layout = exports.imageUpload = exports.horizontalrule = exports.expand = exports.emoji = exports.decision = exports.date = exports.codeblock = exports.blockquote = exports.action = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _shortcut = require("@atlaskit/editor-shared-styles/shortcut");
+var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
 var _chevronRightCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-right-circle"));
 var _code = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/code"));
 var _date = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/date"));
@@ -131,6 +132,17 @@ var table = exports.table = mem(function (init) {
     'aria-keyshortcuts': (0, _keymaps.getAriaKeyshortcuts)(_keymaps.toggleTable)
   });
 });
+
+//SIMONE TODO:
+var tablePicker = exports.tablePicker = mem(function (init) {
+  return from({
+    content: init.content,
+    tooltipDescription: init.tooltipDescription,
+    disabled: init.disabled,
+    name: 'table picker',
+    Icon: _chevronDown.default
+  });
+});
 var layout = exports.layout = mem(function (init) {
   return from({
     content: init.content,

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

@@ -185,6 +185,13 @@ export class ToolbarInsertBlock extends React.PureComponent {
         eventType: EVENT_TYPE.TRACK
       })(state, dispatch)) !== null && _pluginInjectionApi$t !== void 0 ? _pluginInjectionApi$t : false;
     });
+    _defineProperty(this, "insertTableWithSize", (inputMethod, rowsCount, colsCount) => () => {
+      var _pluginInjectionApi$t5;
+      const {
+        pluginInjectionApi
+      } = this.props;
+      return pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.core.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$t5 = pluginInjectionApi.table) === null || _pluginInjectionApi$t5 === void 0 ? void 0 : _pluginInjectionApi$t5.commands.insertTableWithSize(rowsCount, colsCount, INPUT_METHOD.PICKER));
+    });
     _defineProperty(this, "createDate", inputMethod => {
       var _pluginInjectionApi$d, _pluginInjectionApi$d2;
       const {
@@ -243,7 +250,7 @@ export class ToolbarInsertBlock extends React.PureComponent {
       return true;
     });
     _defineProperty(this, "insertTaskDecision", (name, inputMethod) => () => {
-      var _pluginInjectionApi$t5, _pluginInjectionApi$t6;
+      var _pluginInjectionApi$t6, _pluginInjectionApi$t7;
       const {
         editorView: {
           state,
@@ -252,7 +259,7 @@ export class ToolbarInsertBlock extends React.PureComponent {
         pluginInjectionApi
       } = this.props;
       const listType = name === 'action' ? 'taskList' : 'decisionList';
-      return (_pluginInjectionApi$t5 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$t6 = pluginInjectionApi.taskDecision) === null || _pluginInjectionApi$t6 === void 0 ? void 0 : _pluginInjectionApi$t6.actions.insertTaskDecision(listType, inputMethod)(state, dispatch)) !== null && _pluginInjectionApi$t5 !== void 0 ? _pluginInjectionApi$t5 : false;
+      return (_pluginInjectionApi$t6 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$t7 = pluginInjectionApi.taskDecision) === null || _pluginInjectionApi$t7 === void 0 ? void 0 : _pluginInjectionApi$t7.actions.insertTaskDecision(listType, inputMethod)(state, dispatch)) !== null && _pluginInjectionApi$t6 !== void 0 ? _pluginInjectionApi$t6 : false;
     });
     _defineProperty(this, "insertHorizontalRule", inputMethod => {
       var _pluginInjectionApi$r, _pluginInjectionApi$r2;
@@ -327,6 +334,9 @@ export class ToolbarInsertBlock extends React.PureComponent {
         case 'table':
           this.insertTable(inputMethod);
           break;
+        case 'table with size':
+          this.insertTableWithSize(inputMethod, 3, 3)(); // adding command here to pass typecheck but will implement the actual feature in future ticket
+          break;
         case 'image upload':
           if (handleImageUpload) {
             const {

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

@@ -4,6 +4,7 @@ import { jsx } from '@emotion/react';
 import memoizeOne from 'memoize-one';
 import { addLink, getAriaKeyshortcuts, toggleTable, tooltip } from '@atlaskit/editor-common/keymaps';
 import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
+import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
 import ExpandNodeIcon from '@atlaskit/icon/glyph/chevron-right-circle';
 import CodeIcon from '@atlaskit/icon/glyph/editor/code';
 import DateIcon from '@atlaskit/icon/glyph/editor/date';
@@ -107,6 +108,15 @@ export const table = mem(init => from({
   shortcut: tooltip(toggleTable),
   'aria-keyshortcuts': getAriaKeyshortcuts(toggleTable)
 }));
+
+//SIMONE TODO:
+export const tablePicker = mem(init => from({
+  content: init.content,
+  tooltipDescription: init.tooltipDescription,
+  disabled: init.disabled,
+  name: 'table picker',
+  Icon: ExpandIcon
+}));
 export const layout = mem(init => from({
   content: init.content,
   tooltipDescription: init.tooltipDescription,

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

@@ -193,6 +193,13 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         eventType: EVENT_TYPE.TRACK
       })(state, dispatch)) !== null && _pluginInjectionApi$t !== void 0 ? _pluginInjectionApi$t : false;
     });
+    _defineProperty(_assertThisInitialized(_this), "insertTableWithSize", function (inputMethod, rowsCount, colsCount) {
+      return function () {
+        var _pluginInjectionApi$t5;
+        var pluginInjectionApi = _this.props.pluginInjectionApi;
+        return pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.core.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$t5 = pluginInjectionApi.table) === null || _pluginInjectionApi$t5 === void 0 ? void 0 : _pluginInjectionApi$t5.commands.insertTableWithSize(rowsCount, colsCount, INPUT_METHOD.PICKER));
+      };
+    });
     _defineProperty(_assertThisInitialized(_this), "createDate", function (inputMethod) {
       var _pluginInjectionApi$d;
       var pluginInjectionApi = _this.props.pluginInjectionApi;
@@ -246,14 +253,14 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
     });
     _defineProperty(_assertThisInitialized(_this), "insertTaskDecision", function (name, inputMethod) {
       return function () {
-        var _pluginInjectionApi$t5, _pluginInjectionApi$t6;
+        var _pluginInjectionApi$t6, _pluginInjectionApi$t7;
         var _this$props7 = _this.props,
           _this$props7$editorVi = _this$props7.editorView,
           state = _this$props7$editorVi.state,
           dispatch = _this$props7$editorVi.dispatch,
           pluginInjectionApi = _this$props7.pluginInjectionApi;
         var listType = name === 'action' ? 'taskList' : 'decisionList';
-        return (_pluginInjectionApi$t5 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$t6 = pluginInjectionApi.taskDecision) === null || _pluginInjectionApi$t6 === void 0 ? void 0 : _pluginInjectionApi$t6.actions.insertTaskDecision(listType, inputMethod)(state, dispatch)) !== null && _pluginInjectionApi$t5 !== void 0 ? _pluginInjectionApi$t5 : false;
+        return (_pluginInjectionApi$t6 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$t7 = pluginInjectionApi.taskDecision) === null || _pluginInjectionApi$t7 === void 0 ? void 0 : _pluginInjectionApi$t7.actions.insertTaskDecision(listType, inputMethod)(state, dispatch)) !== null && _pluginInjectionApi$t6 !== void 0 ? _pluginInjectionApi$t6 : false;
       };
     });
     _defineProperty(_assertThisInitialized(_this), "insertHorizontalRule", function (inputMethod) {
@@ -318,6 +325,9 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         case 'table':
           _this.insertTable(inputMethod);
           break;
+        case 'table with size':
+          _this.insertTableWithSize(inputMethod, 3, 3)(); // adding command here to pass typecheck but will implement the actual feature in future ticket
+          break;
         case 'image upload':
           if (handleImageUpload) {
             var state = editorView.state,

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

@@ -4,6 +4,7 @@ import { jsx } from '@emotion/react';
 import memoizeOne from 'memoize-one';
 import { addLink, getAriaKeyshortcuts, toggleTable, tooltip } from '@atlaskit/editor-common/keymaps';
 import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
+import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
 import ExpandNodeIcon from '@atlaskit/icon/glyph/chevron-right-circle';
 import CodeIcon from '@atlaskit/icon/glyph/editor/code';
 import DateIcon from '@atlaskit/icon/glyph/editor/date';
@@ -123,6 +124,17 @@ export var table = mem(function (init) {
     'aria-keyshortcuts': getAriaKeyshortcuts(toggleTable)
   });
 });
+
+//SIMONE TODO:
+export var tablePicker = mem(function (init) {
+  return from({
+    content: init.content,
+    tooltipDescription: init.tooltipDescription,
+    disabled: init.disabled,
+    name: 'table picker',
+    Icon: ExpandIcon
+  });
+});
 export var layout = mem(function (init) {
   return from({
     content: init.content,

package/dist/types/ui/ToolbarInsertBlock/index.d.ts

@@ -25,6 +25,7 @@ export declare class ToolbarInsertBlock extends React.PureComponent<Props & Wrap
     private toggleLinkPanel;
     private insertMention;
     private insertTable;
+    private insertTableWithSize;
     private createDate;
     private createPlaceholderText;
     private insertLayoutColumns;

package/dist/types/ui/ToolbarInsertBlock/item.d.ts

@@ -16,6 +16,7 @@ export declare const imageUpload: MemoizedFn<(init: CreateInit) => MenuItem>;
 export declare const mention: MemoizedFn<(init: CreateInit) => MenuItem>;
 export declare const emoji: MemoizedFn<(init: CreateInit) => MenuItem>;
 export declare const table: MemoizedFn<(init: CreateInit) => MenuItem>;
+export declare const tablePicker: MemoizedFn<(init: CreateInit) => MenuItem>;
 export declare const layout: MemoizedFn<(init: CreateInit) => MenuItem>;
 export declare const codeblock: MemoizedFn<(init: CreateInit & {
     shortcut?: string;

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

@@ -25,6 +25,7 @@ export declare class ToolbarInsertBlock extends React.PureComponent<Props & Wrap
     private toggleLinkPanel;
     private insertMention;
     private insertTable;
+    private insertTableWithSize;
     private createDate;
     private createPlaceholderText;
     private insertLayoutColumns;

package/dist/types-ts4.5/ui/ToolbarInsertBlock/item.d.ts

@@ -16,6 +16,7 @@ export declare const imageUpload: MemoizedFn<(init: CreateInit) => MenuItem>;
 export declare const mention: MemoizedFn<(init: CreateInit) => MenuItem>;
 export declare const emoji: MemoizedFn<(init: CreateInit) => MenuItem>;
 export declare const table: MemoizedFn<(init: CreateInit) => MenuItem>;
+export declare const tablePicker: MemoizedFn<(init: CreateInit) => MenuItem>;
 export declare const layout: MemoizedFn<(init: CreateInit) => MenuItem>;
 export declare const codeblock: MemoizedFn<(init: CreateInit & {
     shortcut?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-insert-block",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "description": "Insert block plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -50,7 +50,7 @@
     "@atlaskit/editor-plugin-quick-insert": "^0.2.0",
     "@atlaskit/editor-plugin-rule": "^0.1.0",
     "@atlaskit/editor-plugin-status": "^0.2.0",
-    "@atlaskit/editor-plugin-table": "^5.4.0",
+    "@atlaskit/editor-plugin-table": "^5.5.0",
     "@atlaskit/editor-plugin-tasks-and-decisions": "^0.2.0",
     "@atlaskit/editor-plugin-type-ahead": "^0.8.0",
     "@atlaskit/editor-prosemirror": "1.1.0",
@@ -58,7 +58,7 @@
     "@atlaskit/emoji": "^67.6.0",
     "@atlaskit/icon": "^22.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.29.0",
+    "@atlaskit/tokens": "^1.30.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "lodash": "^4.17.21",