@atlaskit/editor-plugin-table 7.5.10 → 7.5.11

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/editor-plugin-table
 
+## 7.5.11
+
+### Patch Changes
+
+- [#82119](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/82119) [`0358b8d41041`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0358b8d41041) - insert table at full width via shortcut in full width page
+- Updated dependencies
+
 ## 7.5.10
 
 ### Patch Changes

package/dist/cjs/plugin.js

@@ -157,8 +157,10 @@ var tablesPlugin = function tablesPlugin(_ref) {
           var _ref6 = options || {},
             dragAndDropEnabled = _ref6.dragAndDropEnabled,
             _ref6$isTableScalingE = _ref6.isTableScalingEnabled,
-            isTableScalingEnabled = _ref6$isTableScalingE === void 0 ? false : _ref6$isTableScalingE;
-          return (0, _keymap.keymapPlugin)(defaultGetEditorContainerWidth, editorAnalyticsAPI, dragAndDropEnabled, isTableScalingEnabled);
+            isTableScalingEnabled = _ref6$isTableScalingE === void 0 ? false : _ref6$isTableScalingE,
+            _ref6$fullWidthEnable = _ref6.fullWidthEnabled,
+            fullWidthEnabled = _ref6$fullWidthEnable === void 0 ? false : _ref6$fullWidthEnable;
+          return (0, _keymap.keymapPlugin)(defaultGetEditorContainerWidth, editorAnalyticsAPI, dragAndDropEnabled, isTableScalingEnabled, fullWidthEnabled);
         }
       }, {
         name: 'tableSelectionKeymap',

package/dist/cjs/pm-plugins/keymap.js

@@ -16,7 +16,7 @@ var _columnResize = require("../commands/column-resize");
 var _insert = require("../commands/insert");
 var _commandsWithAnalytics2 = require("../pm-plugins/drag-and-drop/commands-with-analytics");
 var _analytics2 = require("../utils/analytics");
-var createTableWithAnalytics = function createTableWithAnalytics(editorAnalyticsAPI) {
+var createTableWithAnalytics = function createTableWithAnalytics(isTableScalingEnabled, isFullWidthModeEnabled, editorAnalyticsAPI) {
   return (0, _analytics2.withEditorAnalyticsAPI)({
     action: _analytics.ACTION.INSERTED,
     actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
@@ -25,14 +25,15 @@ var createTableWithAnalytics = function createTableWithAnalytics(editorAnalytics
       inputMethod: _analytics.INPUT_METHOD.SHORTCUT
     },
     eventType: _analytics.EVENT_TYPE.TRACK
-  })(editorAnalyticsAPI)((0, _commands2.createTable)());
+  })(editorAnalyticsAPI)((0, _commands2.createTable)(isTableScalingEnabled, isFullWidthModeEnabled));
 };
 function keymapPlugin(getEditorContainerWidth, editorAnalyticsAPI, dragAndDropEnabled) {
   var isTableScalingEnabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var isFullWidthEnabled = arguments.length > 4 ? arguments[4] : undefined;
   var list = {};
   (0, _keymaps.bindKeymapWithCommand)(_keymaps.nextCell.common, (0, _commands2.goToNextCell)(editorAnalyticsAPI)(1), list);
   (0, _keymaps.bindKeymapWithCommand)(_keymaps.previousCell.common, (0, _commands2.goToNextCell)(editorAnalyticsAPI)(-1), list);
-  (0, _keymaps.bindKeymapWithCommand)(_keymaps.toggleTable.common, createTableWithAnalytics(editorAnalyticsAPI), list);
+  (0, _keymaps.bindKeymapWithCommand)(_keymaps.toggleTable.common, createTableWithAnalytics(isTableScalingEnabled, !!isFullWidthEnabled, editorAnalyticsAPI), list);
   (0, _keymaps.bindKeymapWithCommand)(_keymaps.backspace.common, (0, _commands.chainCommands)((0, _commandsWithAnalytics.deleteTableIfSelectedWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.KEYBOARD), (0, _commandsWithAnalytics.emptyMultipleCellsWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.KEYBOARD)), list);
   (0, _keymaps.bindKeymapWithCommand)(_keymaps.backspace.common, _commands2.moveCursorBackward, list);
 

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

@@ -14,7 +14,8 @@ var DragHandleDisabledIcon = exports.DragHandleDisabledIcon = function DragHandl
     viewBox: "0 0 24 16",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    style: style
+    style: style,
+    "data-testid": "drag-icon-disabled"
   }, /*#__PURE__*/_react.default.createElement("rect", {
     width: "24",
     height: "16",

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

@@ -11,7 +11,8 @@ var DragHandleIcon = exports.DragHandleIcon = function DragHandleIcon() {
     xmlns: "http://www.w3.org/2000/svg",
     width: "24",
     height: "16",
-    fill: "none"
+    fill: "none",
+    "data-testid": "drag-icon-enabled"
   }, /*#__PURE__*/_react.default.createElement("rect", {
     width: "24",
     height: "16",

package/dist/es2019/plugin.js

@@ -149,9 +149,10 @@ const tablesPlugin = ({
         plugin: () => {
           const {
             dragAndDropEnabled,
-            isTableScalingEnabled = false
+            isTableScalingEnabled = false,
+            fullWidthEnabled = false
           } = options || {};
-          return keymapPlugin(defaultGetEditorContainerWidth, editorAnalyticsAPI, dragAndDropEnabled, isTableScalingEnabled);
+          return keymapPlugin(defaultGetEditorContainerWidth, editorAnalyticsAPI, dragAndDropEnabled, isTableScalingEnabled, fullWidthEnabled);
         }
       }, {
         name: 'tableSelectionKeymap',

package/dist/es2019/pm-plugins/keymap.js

@@ -9,7 +9,7 @@ import { activateNextResizeArea, initiateKeyboardColumnResizing, stopKeyboardCol
 import { addColumnAfter as addColumnAfterCommand, addColumnBefore as addColumnBeforeCommand } from '../commands/insert';
 import { moveSourceWithAnalyticsViaShortcut } from '../pm-plugins/drag-and-drop/commands-with-analytics';
 import { withEditorAnalyticsAPI } from '../utils/analytics';
-const createTableWithAnalytics = editorAnalyticsAPI => withEditorAnalyticsAPI({
+const createTableWithAnalytics = (isTableScalingEnabled, isFullWidthModeEnabled, editorAnalyticsAPI) => withEditorAnalyticsAPI({
   action: ACTION.INSERTED,
   actionSubject: ACTION_SUBJECT.DOCUMENT,
   actionSubjectId: ACTION_SUBJECT_ID.TABLE,
@@ -17,12 +17,12 @@ const createTableWithAnalytics = editorAnalyticsAPI => withEditorAnalyticsAPI({
     inputMethod: INPUT_METHOD.SHORTCUT
   },
   eventType: EVENT_TYPE.TRACK
-})(editorAnalyticsAPI)(createTable());
-export function keymapPlugin(getEditorContainerWidth, editorAnalyticsAPI, dragAndDropEnabled, isTableScalingEnabled = false) {
+})(editorAnalyticsAPI)(createTable(isTableScalingEnabled, isFullWidthModeEnabled));
+export function keymapPlugin(getEditorContainerWidth, editorAnalyticsAPI, dragAndDropEnabled, isTableScalingEnabled = false, isFullWidthEnabled) {
   const list = {};
   bindKeymapWithCommand(nextCell.common, goToNextCell(editorAnalyticsAPI)(1), list);
   bindKeymapWithCommand(previousCell.common, goToNextCell(editorAnalyticsAPI)(-1), list);
-  bindKeymapWithCommand(toggleTable.common, createTableWithAnalytics(editorAnalyticsAPI), list);
+  bindKeymapWithCommand(toggleTable.common, createTableWithAnalytics(isTableScalingEnabled, !!isFullWidthEnabled, editorAnalyticsAPI), list);
   bindKeymapWithCommand(backspace.common, chainCommands(deleteTableIfSelectedWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.KEYBOARD), emptyMultipleCellsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.KEYBOARD)), list);
   bindKeymapWithCommand(backspace.common, moveCursorBackward, list);
 

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

@@ -7,7 +7,8 @@ export const DragHandleDisabledIcon = ({
   viewBox: "0 0 24 16",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
-  style: style
+  style: style,
+  "data-testid": "drag-icon-disabled"
 }, /*#__PURE__*/React.createElement("rect", {
   width: "24",
   height: "16",

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

@@ -3,7 +3,8 @@ export const DragHandleIcon = () => /*#__PURE__*/React.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "16",
-  fill: "none"
+  fill: "none",
+  "data-testid": "drag-icon-enabled"
 }, /*#__PURE__*/React.createElement("rect", {
   width: "24",
   height: "16",

package/dist/esm/plugin.js

@@ -150,8 +150,10 @@ var tablesPlugin = function tablesPlugin(_ref) {
           var _ref6 = options || {},
             dragAndDropEnabled = _ref6.dragAndDropEnabled,
             _ref6$isTableScalingE = _ref6.isTableScalingEnabled,
-            isTableScalingEnabled = _ref6$isTableScalingE === void 0 ? false : _ref6$isTableScalingE;
-          return keymapPlugin(defaultGetEditorContainerWidth, editorAnalyticsAPI, dragAndDropEnabled, isTableScalingEnabled);
+            isTableScalingEnabled = _ref6$isTableScalingE === void 0 ? false : _ref6$isTableScalingE,
+            _ref6$fullWidthEnable = _ref6.fullWidthEnabled,
+            fullWidthEnabled = _ref6$fullWidthEnable === void 0 ? false : _ref6$fullWidthEnable;
+          return keymapPlugin(defaultGetEditorContainerWidth, editorAnalyticsAPI, dragAndDropEnabled, isTableScalingEnabled, fullWidthEnabled);
         }
       }, {
         name: 'tableSelectionKeymap',

package/dist/esm/pm-plugins/keymap.js

@@ -9,7 +9,7 @@ import { activateNextResizeArea, initiateKeyboardColumnResizing, stopKeyboardCol
 import { addColumnAfter as addColumnAfterCommand, addColumnBefore as addColumnBeforeCommand } from '../commands/insert';
 import { moveSourceWithAnalyticsViaShortcut } from '../pm-plugins/drag-and-drop/commands-with-analytics';
 import { withEditorAnalyticsAPI } from '../utils/analytics';
-var createTableWithAnalytics = function createTableWithAnalytics(editorAnalyticsAPI) {
+var createTableWithAnalytics = function createTableWithAnalytics(isTableScalingEnabled, isFullWidthModeEnabled, editorAnalyticsAPI) {
   return withEditorAnalyticsAPI({
     action: ACTION.INSERTED,
     actionSubject: ACTION_SUBJECT.DOCUMENT,
@@ -18,14 +18,15 @@ var createTableWithAnalytics = function createTableWithAnalytics(editorAnalytics
       inputMethod: INPUT_METHOD.SHORTCUT
     },
     eventType: EVENT_TYPE.TRACK
-  })(editorAnalyticsAPI)(createTable());
+  })(editorAnalyticsAPI)(createTable(isTableScalingEnabled, isFullWidthModeEnabled));
 };
 export function keymapPlugin(getEditorContainerWidth, editorAnalyticsAPI, dragAndDropEnabled) {
   var isTableScalingEnabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var isFullWidthEnabled = arguments.length > 4 ? arguments[4] : undefined;
   var list = {};
   bindKeymapWithCommand(nextCell.common, goToNextCell(editorAnalyticsAPI)(1), list);
   bindKeymapWithCommand(previousCell.common, goToNextCell(editorAnalyticsAPI)(-1), list);
-  bindKeymapWithCommand(toggleTable.common, createTableWithAnalytics(editorAnalyticsAPI), list);
+  bindKeymapWithCommand(toggleTable.common, createTableWithAnalytics(isTableScalingEnabled, !!isFullWidthEnabled, editorAnalyticsAPI), list);
   bindKeymapWithCommand(backspace.common, chainCommands(deleteTableIfSelectedWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.KEYBOARD), emptyMultipleCellsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.KEYBOARD)), list);
   bindKeymapWithCommand(backspace.common, moveCursorBackward, list);
 

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

@@ -7,7 +7,8 @@ export var DragHandleDisabledIcon = function DragHandleDisabledIcon(_ref) {
     viewBox: "0 0 24 16",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    style: style
+    style: style,
+    "data-testid": "drag-icon-disabled"
   }, /*#__PURE__*/React.createElement("rect", {
     width: "24",
     height: "16",

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

@@ -4,7 +4,8 @@ export var DragHandleIcon = function DragHandleIcon() {
     xmlns: "http://www.w3.org/2000/svg",
     width: "24",
     height: "16",
-    fill: "none"
+    fill: "none",
+    "data-testid": "drag-icon-enabled"
   }, /*#__PURE__*/React.createElement("rect", {
     width: "24",
     height: "16",

package/dist/types/pm-plugins/keymap.d.ts

@@ -1,5 +1,5 @@
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
-export declare function keymapPlugin(getEditorContainerWidth: GetEditorContainerWidth, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, dragAndDropEnabled?: boolean, isTableScalingEnabled?: boolean): SafePlugin;
+export declare function keymapPlugin(getEditorContainerWidth: GetEditorContainerWidth, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, dragAndDropEnabled?: boolean, isTableScalingEnabled?: boolean, isFullWidthEnabled?: boolean): SafePlugin;
 export default keymapPlugin;

package/dist/types-ts4.5/pm-plugins/keymap.d.ts

@@ -1,5 +1,5 @@
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
-export declare function keymapPlugin(getEditorContainerWidth: GetEditorContainerWidth, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, dragAndDropEnabled?: boolean, isTableScalingEnabled?: boolean): SafePlugin;
+export declare function keymapPlugin(getEditorContainerWidth: GetEditorContainerWidth, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, dragAndDropEnabled?: boolean, isTableScalingEnabled?: boolean, isFullWidthEnabled?: boolean): SafePlugin;
 export default keymapPlugin;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-table",
-  "version": "7.5.10",
+  "version": "7.5.11",
   "description": "Table plugin for the @atlaskit/editor",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -46,7 +46,7 @@
     "@atlaskit/pragmatic-drag-and-drop": "^1.0.0",
     "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^1.0.0",
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.0",
-    "@atlaskit/primitives": "^4.1.0",
+    "@atlaskit/primitives": "^5.0.0",
     "@atlaskit/theme": "^12.6.0",
     "@atlaskit/toggle": "^13.0.0",
     "@atlaskit/tokens": "^1.41.0",

package/src/plugin.tsx

@@ -266,14 +266,17 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
         {
           name: 'tableKeymap',
           plugin: () => {
-            const { dragAndDropEnabled, isTableScalingEnabled = false } =
-              options || ({} as TablePluginOptions);
-
+            const {
+              dragAndDropEnabled,
+              isTableScalingEnabled = false,
+              fullWidthEnabled = false,
+            } = options || ({} as TablePluginOptions);
             return keymapPlugin(
               defaultGetEditorContainerWidth,
               editorAnalyticsAPI,
               dragAndDropEnabled,
               isTableScalingEnabled,
+              fullWidthEnabled,
             );
           },
         },

package/src/pm-plugins/keymap.ts

@@ -56,6 +56,8 @@ import { moveSourceWithAnalyticsViaShortcut } from '../pm-plugins/drag-and-drop/
 import { withEditorAnalyticsAPI } from '../utils/analytics';
 
 const createTableWithAnalytics = (
+  isTableScalingEnabled: boolean,
+  isFullWidthModeEnabled: boolean,
   editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null,
 ) =>
   withEditorAnalyticsAPI({
@@ -64,13 +66,16 @@ const createTableWithAnalytics = (
     actionSubjectId: ACTION_SUBJECT_ID.TABLE,
     attributes: { inputMethod: INPUT_METHOD.SHORTCUT },
     eventType: EVENT_TYPE.TRACK,
-  })(editorAnalyticsAPI)(createTable());
+  })(editorAnalyticsAPI)(
+    createTable(isTableScalingEnabled, isFullWidthModeEnabled),
+  );
 
 export function keymapPlugin(
   getEditorContainerWidth: GetEditorContainerWidth,
   editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null,
   dragAndDropEnabled?: boolean,
   isTableScalingEnabled = false,
+  isFullWidthEnabled?: boolean,
 ): SafePlugin {
   const list = {};
 
@@ -86,7 +91,11 @@ export function keymapPlugin(
   );
   bindKeymapWithCommand(
     toggleTable.common!,
-    createTableWithAnalytics(editorAnalyticsAPI),
+    createTableWithAnalytics(
+      isTableScalingEnabled,
+      !!isFullWidthEnabled,
+      editorAnalyticsAPI,
+    ),
     list,
   );
   bindKeymapWithCommand(

package/src/ui/icons/DragHandleDisabledIcon.tsx

@@ -14,6 +14,7 @@ export const DragHandleDisabledIcon = ({
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
     style={style}
+    data-testid="drag-icon-disabled"
   >
     <rect width="24" height="16" rx="4" />
     <g>

package/src/ui/icons/DragHandleIcon.tsx

@@ -1,7 +1,13 @@
 import React from 'react';
 
 export const DragHandleIcon = () => (
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="16" fill="none">
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="16"
+    fill="none"
+    data-testid="drag-icon-enabled"
+  >
     <rect width="24" height="16" rx="4" />
     <g>
       <path d="M9 10a1 1 0 1 0-2 0 1 1 0 0 0 2 0ZM9 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0ZM17 10a1 1 0 1 0-2 0 1 1 0 0 0 2 0ZM17 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0ZM13 10a1 1 0 1 0-2 0 1 1 0 0 0 2 0ZM13 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z" />