@atlaskit/editor-tables 2.5.5 → 2.5.7

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-tables
 
+## 2.5.7
+
+### Patch Changes
+
+- [#77796](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/77796) [`eab996d08513`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/eab996d08513) - Add new statsig experiement for preserve table width, add support for passing through width to create table. Allow tables to be inserted at full width
+
+## 2.5.6
+
+### Patch Changes
+
+- [#77516](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/77516) [`d6e79c5637c7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d6e79c5637c7) - [ux] fix expand current selection by shift click
+
 ## 2.5.5
 
 ### Patch Changes

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

@@ -140,9 +140,11 @@ function handleMouseDown(view, event, dragAndDropEnabled) {
   }
   var startDOMCell = domInCell(view, startEvent.target);
   var $anchor = (0, _cells.cellAround)(view.state.selection.$anchor);
+  var targetElement = event.target instanceof HTMLElement && event.target;
+  var isDragHandleElement = targetElement && targetElement.matches('button.pm-table-drag-handle-button-container');
   if (startEvent.shiftKey && view.state.selection instanceof _cellSelection.CellSelection) {
     // Adding to an existing cell selection
-    if (dragAndDropEnabled) {
+    if (dragAndDropEnabled && isDragHandleElement) {
       return false;
     }
     setCellSelection(view.state.selection.$anchorCell, startEvent);

package/dist/cjs/utils/create-table.js

@@ -25,7 +25,8 @@ var createTable = exports.createTable = function createTable(_ref) {
     colsCount = _ref$colsCount === void 0 ? 3 : _ref$colsCount,
     _ref$withHeaderRow = _ref.withHeaderRow,
     withHeaderRow = _ref$withHeaderRow === void 0 ? true : _ref$withHeaderRow,
-    cellContent = _ref.cellContent;
+    cellContent = _ref.cellContent,
+    tableWidth = _ref.tableWidth;
   var _tableNodeTypes = (0, _tableNodeTypes2.tableNodeTypes)(schema),
     tableCell = _tableNodeTypes.cell,
     tableHeader = _tableNodeTypes.header_cell,
@@ -52,7 +53,7 @@ var createTable = exports.createTable = function createTable(_ref) {
   if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.custom-table-width')) {
     return table.createChecked({
       localId: _uuid.uuid.generate(),
-      width: 760
+      width: tableWidth !== null && tableWidth !== void 0 ? tableWidth : 760
     }, rows);
   }
   return table.createChecked({

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

@@ -139,9 +139,11 @@ export function handleMouseDown(view, event, dragAndDropEnabled) {
   }
   const startDOMCell = domInCell(view, startEvent.target);
   const $anchor = cellAround(view.state.selection.$anchor);
+  const targetElement = event.target instanceof HTMLElement && event.target;
+  const isDragHandleElement = targetElement && targetElement.matches('button.pm-table-drag-handle-button-container');
   if (startEvent.shiftKey && view.state.selection instanceof CellSelection) {
     // Adding to an existing cell selection
-    if (dragAndDropEnabled) {
+    if (dragAndDropEnabled && isDragHandleElement) {
       return false;
     }
     setCellSelection(view.state.selection.$anchorCell, startEvent);

package/dist/es2019/utils/create-table.js

@@ -16,7 +16,8 @@ export const createTable = ({
   rowsCount = 3,
   colsCount = 3,
   withHeaderRow = true,
-  cellContent
+  cellContent,
+  tableWidth
 }) => {
   const {
     cell: tableCell,
@@ -45,7 +46,7 @@ export const createTable = ({
   if (getBooleanFF('platform.editor.custom-table-width')) {
     return table.createChecked({
       localId: uuid.generate(),
-      width: 760
+      width: tableWidth !== null && tableWidth !== void 0 ? tableWidth : 760
     }, rows);
   }
   return table.createChecked({

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

@@ -132,9 +132,11 @@ export function handleMouseDown(view, event, dragAndDropEnabled) {
   }
   var startDOMCell = domInCell(view, startEvent.target);
   var $anchor = cellAround(view.state.selection.$anchor);
+  var targetElement = event.target instanceof HTMLElement && event.target;
+  var isDragHandleElement = targetElement && targetElement.matches('button.pm-table-drag-handle-button-container');
   if (startEvent.shiftKey && view.state.selection instanceof CellSelection) {
     // Adding to an existing cell selection
-    if (dragAndDropEnabled) {
+    if (dragAndDropEnabled && isDragHandleElement) {
       return false;
     }
     setCellSelection(view.state.selection.$anchorCell, startEvent);

package/dist/esm/utils/create-table.js

@@ -19,7 +19,8 @@ export var createTable = function createTable(_ref) {
     colsCount = _ref$colsCount === void 0 ? 3 : _ref$colsCount,
     _ref$withHeaderRow = _ref.withHeaderRow,
     withHeaderRow = _ref$withHeaderRow === void 0 ? true : _ref$withHeaderRow,
-    cellContent = _ref.cellContent;
+    cellContent = _ref.cellContent,
+    tableWidth = _ref.tableWidth;
   var _tableNodeTypes = tableNodeTypes(schema),
     tableCell = _tableNodeTypes.cell,
     tableHeader = _tableNodeTypes.header_cell,
@@ -46,7 +47,7 @@ export var createTable = function createTable(_ref) {
   if (getBooleanFF('platform.editor.custom-table-width')) {
     return table.createChecked({
       localId: uuid.generate(),
-      width: 760
+      width: tableWidth !== null && tableWidth !== void 0 ? tableWidth : 760
     }, rows);
   }
   return table.createChecked({

package/dist/types/utils/create-table.d.ts

@@ -5,6 +5,7 @@ type CreateTableProps = {
     colsCount?: number;
     withHeaderRow?: boolean;
     cellContent?: PMNode;
+    tableWidth?: number;
 };
-export declare const createTable: ({ schema, rowsCount, colsCount, withHeaderRow, cellContent, }: CreateTableProps) => PMNode;
+export declare const createTable: ({ schema, rowsCount, colsCount, withHeaderRow, cellContent, tableWidth, }: CreateTableProps) => PMNode;
 export {};

package/dist/types-ts4.5/utils/create-table.d.ts

@@ -5,6 +5,7 @@ type CreateTableProps = {
     colsCount?: number;
     withHeaderRow?: boolean;
     cellContent?: PMNode;
+    tableWidth?: number;
 };
-export declare const createTable: ({ schema, rowsCount, colsCount, withHeaderRow, cellContent, }: CreateTableProps) => PMNode;
+export declare const createTable: ({ schema, rowsCount, colsCount, withHeaderRow, cellContent, tableWidth, }: CreateTableProps) => PMNode;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-tables",
-  "version": "2.5.5",
+  "version": "2.5.7",
   "description": "A package that contains common classes and utility functions for editor tables",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"