@atlaskit/editor-plugin-table 5.3.17 → 5.3.18

package/dist/esm/plugins/table/ui/FloatingContextualButton/index.js

@@ -4,6 +4,7 @@ import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
 import { ErrorBoundary } from '@atlaskit/editor-common/error-boundary';
+import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { Popup } from '@atlaskit/editor-common/ui';
 import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
@@ -11,7 +12,6 @@ import { akEditorSmallZIndex } from '@atlaskit/editor-shared-styles';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
 import { toggleContextualMenu } from '../../commands';
 import { TableCssClassName as ClassName } from '../../types';
-import messages from '../../ui/messages';
 import FixedButton from './FixedButton';
 import { tableFloatingCellButtonSelectedStyles, tableFloatingCellButtonStyles } from './styles';
 var BUTTON_OFFSET = 3;

package/dist/esm/plugins/table/ui/FloatingContextualMenu/ContextualMenu.js

@@ -12,10 +12,11 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 /** @jsx jsx */
 import { Component } from 'react';
 import { jsx } from '@emotion/react';
-import { defineMessages, injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl-next';
 import { TableSortOrder as SortOrder } from '@atlaskit/custom-steps';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { addColumnAfter, addRowAfter, backspace, tooltip } from '@atlaskit/editor-common/keymaps';
+import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { DropdownMenuSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { backgroundPaletteTooltipMessages, cellBackgroundColorPalette, ColorPalette } from '@atlaskit/editor-common/ui-color';
 import { ArrowKeyNavigationType, DropdownMenu } from '@atlaskit/editor-common/ui-menu';
@@ -31,50 +32,7 @@ import { canMergeCells } from '../../transforms';
 import { TableCssClassName as ClassName } from '../../types';
 import { getMergedCellsPositions, getSelectedColumnIndexes, getSelectedRowIndexes } from '../../utils';
 import { contextualMenuDropdownWidth } from '../consts';
-import tableMessages from '../messages';
 import { cellColourPreviewStyles } from './styles';
-export var messages = defineMessages({
-  cellBackground: {
-    id: 'fabric.editor.cellBackground',
-    defaultMessage: 'Cell background',
-    description: 'Change the background color of a table cell.'
-  },
-  mergeCells: {
-    id: 'fabric.editor.mergeCells',
-    defaultMessage: 'Merge cells',
-    description: 'Merge tables cells together.'
-  },
-  splitCell: {
-    id: 'fabric.editor.splitCell',
-    defaultMessage: 'Split cell',
-    description: 'Split a merged table cell.'
-  },
-  clearCells: {
-    id: 'fabric.editor.clearCells',
-    defaultMessage: 'Clear {0, plural, one {cell} other {cells}}',
-    description: 'Clears the contents of the selected cells (this does not delete the cells themselves).'
-  },
-  sortColumnASC: {
-    id: 'fabric.editor.sortColumnASC',
-    defaultMessage: 'Sort column A → Z',
-    description: 'Sort column in ascending order'
-  },
-  sortColumnDESC: {
-    id: 'fabric.editor.sortColumnDESC',
-    defaultMessage: 'Sort column Z → A',
-    description: 'Sort column in descending order'
-  },
-  canNotSortTable: {
-    id: 'fabric.editor.canNotSortTable',
-    defaultMessage: "\u26A0\uFE0F You can't sort a table with merged cells",
-    description: "Split your cells to enable this feature"
-  },
-  distributeColumns: {
-    id: 'fabric.editor.distributeColumns',
-    defaultMessage: "Distribute columns",
-    description: "Distribute widths between selected columns"
-  }
-});
 export var ContextualMenu = /*#__PURE__*/function (_Component) {
   _inherits(ContextualMenu, _Component);
   var _super = _createSuper(ContextualMenu);
@@ -145,7 +103,7 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
         });
       }
       items.push({
-        content: formatMessage(tableMessages.insertColumn),
+        content: formatMessage(messages.insertColumn),
         value: {
           name: 'insert_column'
         },
@@ -154,7 +112,7 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
         }, tooltip(addColumnAfter))
       });
       items.push({
-        content: formatMessage(tableMessages.insertRow),
+        content: formatMessage(messages.insertRow),
         value: {
           name: 'insert_row'
         },
@@ -169,7 +127,7 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
       var noOfColumns = right - left;
       var noOfRows = bottom - top;
       items.push({
-        content: formatMessage(tableMessages.removeColumns, {
+        content: formatMessage(messages.removeColumns, {
           0: noOfColumns
         }),
         value: {
@@ -177,7 +135,7 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
         }
       });
       items.push({
-        content: formatMessage(tableMessages.removeRows, {
+        content: formatMessage(messages.removeRows, {
           0: noOfRows
         }),
         value: {

package/dist/esm/plugins/table/ui/FloatingDeleteButton/index.js

@@ -13,6 +13,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import React, { Component } from 'react';
 import { createPortal } from 'react-dom';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { Popup } from '@atlaskit/editor-common/ui';
 import { closestElement } from '@atlaskit/editor-common/utils';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
@@ -24,7 +25,6 @@ import { getPluginState as getTablePluginState } from '../../pm-plugins/plugin-f
 import { TableCssClassName as ClassName } from '../../types';
 import { getColumnDeleteButtonParams, getColumnsWidths, getRowDeleteButtonParams, getRowHeights } from '../../utils';
 import { stickyRowZIndex } from '../consts';
-import tableMessages from '../messages';
 import DeleteButton from './DeleteButton';
 import getPopupOptions from './getPopUpOptions';
 export function getSelectionType(selection) {
@@ -173,7 +173,7 @@ var FloatingDeleteButton = /*#__PURE__*/function (_Component) {
       }
       var tableContainerWrapper = closestElement(tableRef, ".".concat(ClassName.TABLE_CONTAINER));
       var button = /*#__PURE__*/React.createElement(DeleteButton, {
-        removeLabel: selectionType === 'column' ? tableMessages.removeColumns : tableMessages.removeRows,
+        removeLabel: selectionType === 'column' ? messages.removeColumns : messages.removeRows,
         onClick: this.handleClick,
         onMouseEnter: this.handleMouseEnter,
         onMouseLeave: this.handleMouseLeave

package/dist/esm/plugins/table/ui/FloatingInsertButton/InsertButton.js

@@ -3,13 +3,13 @@
 import React from 'react';
 import { injectIntl } from 'react-intl-next';
 import { addColumnAfter, addRowAfter, ToolTipContent } from '@atlaskit/editor-common/keymaps';
+import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { tableMarginTop } from '@atlaskit/editor-common/styles';
 import { closestElement } from '@atlaskit/editor-common/utils';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import Tooltip from '@atlaskit/tooltip';
 import { TableCssClassName as ClassName } from '../../types';
 import { tableToolbarSize } from '../consts';
-import tableMessages from '../messages';
 var getInsertLineHeight = function getInsertLineHeight(tableRef, hasStickyHeaders) {
   // The line gets height 100% from the table,
   // but since we have an overflow on the left,
@@ -40,7 +40,7 @@ var getInsertLineWidth = function getInsertLineWidth(tableRef, isDragAndDropEnab
   return Math.min(offsetWidth + toolbarSize, parentOffsetWidth + toolbarSize - Math.max(scrollLeft - diff, 0)) + LINE_OFFSET;
 };
 var tooltipMessageByType = function tooltipMessageByType(type) {
-  return type === 'row' ? tableMessages.insertRow : tableMessages.insertColumn;
+  return type === 'row' ? messages.insertRow : messages.insertColumn;
 };
 export var InsertButtonForDragAndDrop = function InsertButtonForDragAndDrop(_ref2) {
   var onMouseDown = _ref2.onMouseDown,

package/dist/esm/plugins/table/ui/TableFloatingControls/CornerControls/ClassicCornerControls.js

@@ -10,11 +10,11 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import React, { Component } from 'react';
 import classnames from 'classnames';
 import { injectIntl } from 'react-intl-next';
+import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findTable, isTableSelected, selectTable } from '@atlaskit/editor-tables/utils';
 import { clearHoverSelection, hoverTable } from '../../../commands';
 import { TableCssClassName as ClassName } from '../../../types';
-import messages from '../../messages';
 var CornerControlComponent = /*#__PURE__*/function (_Component) {
   _inherits(CornerControlComponent, _Component);
   var _super = _createSuper(CornerControlComponent);

package/dist/esm/plugins/table/ui/TableFloatingControls/CornerControls/DragCornerControls.js

@@ -1,10 +1,10 @@
 import React, { useMemo } from 'react';
 import classnames from 'classnames';
 import { injectIntl } from 'react-intl-next';
+import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { findTable, isTableSelected, selectTable } from '@atlaskit/editor-tables/utils';
 import { clearHoverSelection, hoverTable } from '../../../commands';
 import { TableCssClassName as ClassName } from '../../../types';
-import messages from '../../messages';
 var DragCornerControlsComponent = function DragCornerControlsComponent(_ref) {
   var editorView = _ref.editorView,
     isInDanger = _ref.isInDanger,

package/dist/esm/plugins/table/ui/TableFloatingControls/RowControls/ClassicControls.js

@@ -8,18 +8,12 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 import React, { Component } from 'react';
-import { defineMessages, injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl-next';
+import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { clearHoverSelection } from '../../../commands';
 import { TableCssClassName as ClassName } from '../../../types';
 import { getRowClassNames, getRowHeights, getRowsParams } from '../../../utils';
 import { tableControlsSpacing, tableToolbarSize } from '../../consts';
-var messages = defineMessages({
-  rowControl: {
-    id: 'fabric.editor.rowControl',
-    defaultMessage: 'Highlight row',
-    description: 'A button on the left of each row that shows up when the table is in focus. Clicking on it will select the entire row.'
-  }
-});
 var RowControlsComponent = /*#__PURE__*/function (_Component) {
   _inherits(RowControlsComponent, _Component);
   var _super = _createSuper(RowControlsComponent);

package/dist/types/plugins/table/toolbar.d.ts

@@ -4,33 +4,6 @@ import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { Rect } from '@atlaskit/editor-tables/table-map';
 import type { PluginConfig, ToolbarMenuConfig, ToolbarMenuContext, ToolbarMenuState } from './types';
-export declare const messages: {
-    tableOptions: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    headerRow: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    headerColumn: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    numberedColumn: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    collapseTable: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-};
 export declare const getToolbarMenuConfig: (config: ToolbarMenuConfig, state: ToolbarMenuState, { formatMessage }: ToolbarMenuContext, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => FloatingToolbarItem<Command>;
 export declare const getToolbarCellOptionsConfig: (editorState: EditorState, editorView: EditorView | undefined | null, initialSelectionRect: Rect, { formatMessage }: ToolbarMenuContext, getEditorContainerWidth: GetEditorContainerWidth, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => FloatingToolbarDropdown<Command>;
 export declare const getClosestSelectionRect: (state: EditorState) => Rect | undefined;

package/dist/types/plugins/table/ui/FloatingContextualButton/index.d.ts

@@ -1,9 +1,9 @@
 import { jsx } from '@emotion/react';
-import { TableLayout } from '@atlaskit/adf-schema';
-import { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
-import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import { EditorView } from '@atlaskit/editor-prosemirror/view';
-import { RowStickyState } from '../../pm-plugins/sticky-headers';
+import type { TableLayout } from '@atlaskit/adf-schema';
+import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { RowStickyState } from '../../pm-plugins/sticky-headers';
 export interface Props {
     editorView: EditorView;
     tableWrapper?: HTMLElement;

package/dist/types/plugins/table/ui/FloatingContextualMenu/ContextualMenu.d.ts

@@ -6,48 +6,6 @@ import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { Rect } from '@atlaskit/editor-tables/table-map';
-export declare const messages: {
-    cellBackground: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    mergeCells: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    splitCell: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    clearCells: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    sortColumnASC: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    sortColumnDESC: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    canNotSortTable: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    distributeColumns: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-};
 export interface Props {
     editorView: EditorView;
     isOpen: boolean;

package/dist/types-ts4.5/plugins/table/toolbar.d.ts

@@ -4,33 +4,6 @@ import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { Rect } from '@atlaskit/editor-tables/table-map';
 import type { PluginConfig, ToolbarMenuConfig, ToolbarMenuContext, ToolbarMenuState } from './types';
-export declare const messages: {
-    tableOptions: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    headerRow: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    headerColumn: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    numberedColumn: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    collapseTable: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-};
 export declare const getToolbarMenuConfig: (config: ToolbarMenuConfig, state: ToolbarMenuState, { formatMessage }: ToolbarMenuContext, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => FloatingToolbarItem<Command>;
 export declare const getToolbarCellOptionsConfig: (editorState: EditorState, editorView: EditorView | undefined | null, initialSelectionRect: Rect, { formatMessage }: ToolbarMenuContext, getEditorContainerWidth: GetEditorContainerWidth, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null) => FloatingToolbarDropdown<Command>;
 export declare const getClosestSelectionRect: (state: EditorState) => Rect | undefined;

package/dist/types-ts4.5/plugins/table/ui/FloatingContextualButton/index.d.ts

@@ -1,9 +1,9 @@
 import { jsx } from '@emotion/react';
-import { TableLayout } from '@atlaskit/adf-schema';
-import { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
-import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import { EditorView } from '@atlaskit/editor-prosemirror/view';
-import { RowStickyState } from '../../pm-plugins/sticky-headers';
+import type { TableLayout } from '@atlaskit/adf-schema';
+import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { RowStickyState } from '../../pm-plugins/sticky-headers';
 export interface Props {
     editorView: EditorView;
     tableWrapper?: HTMLElement;

package/dist/types-ts4.5/plugins/table/ui/FloatingContextualMenu/ContextualMenu.d.ts

@@ -6,48 +6,6 @@ import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { Rect } from '@atlaskit/editor-tables/table-map';
-export declare const messages: {
-    cellBackground: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    mergeCells: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    splitCell: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    clearCells: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    sortColumnASC: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    sortColumnDESC: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    canNotSortTable: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    distributeColumns: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-};
 export interface Props {
     editorView: EditorView;
     isOpen: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-table",
-  "version": "5.3.17",
+  "version": "5.3.18",
   "description": "Table plugin for the @atlaskit/editor",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/src/__tests__/integration/delete-columns.ts

@@ -1,5 +1,6 @@
 import { createIntl } from 'react-intl-next';
 
+import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 // eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
 import {
   editable,
@@ -14,7 +15,6 @@ import {
 import { BrowserTestCase } from '@atlaskit/webdriver-runner/runner';
 
 import { TableCssClassName as ClassName } from '../../plugins/table/types';
-import messages from '../../plugins/table/ui/messages';
 
 import { documentWithMergedCells } from './__fixtures__/merged-rows-and-cols-document';
 

package/src/__tests__/integration/delete-rows.ts

@@ -1,5 +1,6 @@
 import { createIntl } from 'react-intl-next';
 
+import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 // eslint-disable-next-line import/no-extraneous-dependencies -- Removed import for fixing circular dependencies
 import {
   editable,
@@ -16,7 +17,6 @@ import {
 import { BrowserTestCase } from '@atlaskit/webdriver-runner/runner';
 
 import { TableCssClassName as ClassName } from '../../plugins/table/types';
-import messages from '../../plugins/table/ui/messages';
 
 import { documentWithMergedCells } from './__fixtures__/merged-rows-and-cols-document';
 import { nestedInExtension } from './__fixtures__/nested-in-extension';

package/src/__tests__/unit/ui/DeleteButton.tsx

@@ -3,8 +3,9 @@ import React from 'react';
 import { fireEvent, render, screen } from '@testing-library/react';
 import { IntlProvider } from 'react-intl-next';
 
+import { tableMessages as messages } from '@atlaskit/editor-common/messages';
+
 import DeleteButton from '../../../plugins/table/ui/FloatingDeleteButton/DeleteButton';
-import tableMessages from '../../../plugins/table/ui/messages';
 
 describe('<DeleteButton />', () => {
   it('should fire the onMouseEnter callback', () => {
@@ -12,7 +13,7 @@ describe('<DeleteButton />', () => {
     render(
       <IntlProvider locale="en">
         <DeleteButton
-          removeLabel={tableMessages.removeColumns}
+          removeLabel={messages.removeColumns}
           onMouseEnter={onMouseEnter}
         />
       </IntlProvider>,
@@ -26,7 +27,7 @@ describe('<DeleteButton />', () => {
     render(
       <IntlProvider locale="en">
         <DeleteButton
-          removeLabel={tableMessages.removeColumns}
+          removeLabel={messages.removeColumns}
           onMouseLeave={onMouseLeave}
         />
       </IntlProvider>,

package/src/plugins/table/nodeviews/TableResizer.tsx

@@ -8,12 +8,13 @@ import React, {
 } from 'react';
 
 import rafSchd from 'raf-schd';
-import { defineMessages, useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl-next';
 
 import type { TableEventPayload } from '@atlaskit/editor-common/analytics';
 import { TABLE_OVERFLOW_CHANGE_TRIGGER } from '@atlaskit/editor-common/analytics';
 import { getGuidelinesWithHighlights } from '@atlaskit/editor-common/guideline';
 import type { GuidelineConfig } from '@atlaskit/editor-common/guideline';
+import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import type { HandleResize, HandleSize } from '@atlaskit/editor-common/resizer';
 import { ResizerNext } from '@atlaskit/editor-common/resizer';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
@@ -66,14 +67,6 @@ export interface TableResizerImprovementProps extends TableResizerProps {
   onResizeStart?: () => void;
 }
 
-const messages = defineMessages({
-  resizeTable: {
-    id: 'fabric.editor.tables.resizeTable',
-    defaultMessage: 'Resize table',
-    description: 'Tooltip displayed on custom table width resize hande',
-  },
-});
-
 const handles = { right: true };
 const handleStyles = {
   right: {