@atlaskit/editor-plugin-table 2.3.0 → 2.3.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-plugin-table
 
+## 2.3.1
+
+### Patch Changes
+
+- [`a9c98fc8503`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a9c98fc8503) - [ED-19028] Remove less-padding class when using table width resizer
+
 ## 2.3.0
 
 ### Minor Changes

package/dist/cjs/plugins/table/nodeviews/TableComponent.js

@@ -445,7 +445,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       }) : NOOP;
       var isNested = (0, _utils4.isTableNested)(view.state, getPos());
       return /*#__PURE__*/_react.default.createElement(_TableContainer.TableContainer, {
-        className: (0, _classnames2.default)(_types.TableCssClassName.TABLE_CONTAINER, (_classnames = {}, (0, _defineProperty3.default)(_classnames, _types.TableCssClassName.WITH_CONTROLS, allowControls && tableActive), (0, _defineProperty3.default)(_classnames, _types.TableCssClassName.TABLE_STICKY, this.state.stickyHeader && hasHeaderRow), (0, _defineProperty3.default)(_classnames, _types.TableCssClassName.HOVERED_DELETE_BUTTON, isInDanger), (0, _defineProperty3.default)(_classnames, _types.TableCssClassName.TABLE_SELECTED, (0, _utils.isTableSelected)(view.state.selection)), (0, _defineProperty3.default)(_classnames, 'less-padding', containerWidth.width < _editorSharedStyles.akEditorMobileBreakoutPoint), _classnames)),
+        className: (0, _classnames2.default)(_types.TableCssClassName.TABLE_CONTAINER, (_classnames = {}, (0, _defineProperty3.default)(_classnames, _types.TableCssClassName.WITH_CONTROLS, allowControls && tableActive), (0, _defineProperty3.default)(_classnames, _types.TableCssClassName.TABLE_STICKY, this.state.stickyHeader && hasHeaderRow), (0, _defineProperty3.default)(_classnames, _types.TableCssClassName.HOVERED_DELETE_BUTTON, isInDanger), (0, _defineProperty3.default)(_classnames, _types.TableCssClassName.TABLE_SELECTED, (0, _utils.isTableSelected)(view.state.selection)), _classnames)),
         editorView: view,
         getPos: getPos,
         node: node,

package/dist/cjs/plugins/table/nodeviews/TableContainer.js

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -12,6 +13,8 @@ var _styles = require("@atlaskit/editor-common/styles");
 var _types = require("../types");
 var _TableResizer = require("./TableResizer");
 var _utils = require("../pm-plugins/table-resizing/utils");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var getMarginLeft = function getMarginLeft(lineLength, tableWidth) {
@@ -129,7 +132,9 @@ var TableContainer = function TableContainer(_ref3) {
   var tableWidth = isBreakoutEnabled ? (0, _styles.calcTableWidth)(node.attrs.layout, editorWidth) : 'inherit';
   return /*#__PURE__*/_react.default.createElement(InnerContainer, {
     node: node,
-    className: className,
+    className: (0, _classnames.default)(className, {
+      'less-padding': editorWidth < _editorSharedStyles.akEditorMobileBreakoutPoint
+    }),
     style: {
       width: tableWidth,
       marginLeft: getMarginLeft(lineLength, tableWidth)

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "2.3.0",
+	"version": "2.3.1",
 	"sideEffects": false
 }

package/dist/es2019/plugins/table/nodeviews/TableComponent.js

@@ -6,7 +6,7 @@ import rafSchedule from 'raf-schd';
 import { findTable } from '@atlaskit/editor-tables/utils';
 import { tableMarginSides } from '@atlaskit/editor-common/styles';
 import { browser, isValidPosition } from '@atlaskit/editor-common/utils';
-import { akEditorMobileBreakoutPoint, akEditorTableToolbarSize as tableToolbarSize } from '@atlaskit/editor-shared-styles';
+import { akEditorTableToolbarSize as tableToolbarSize } from '@atlaskit/editor-shared-styles';
 import { getParentNodeWidth } from '@atlaskit/editor-common/node-width';
 import { autoSizeTable, clearHoverSelection } from '../commands';
 import { getPluginState } from '../pm-plugins/plugin-factory';
@@ -442,8 +442,7 @@ class TableComponent extends React.Component {
         [ClassName.WITH_CONTROLS]: allowControls && tableActive,
         [ClassName.TABLE_STICKY]: this.state.stickyHeader && hasHeaderRow,
         [ClassName.HOVERED_DELETE_BUTTON]: isInDanger,
-        [ClassName.TABLE_SELECTED]: isTableSelected(view.state.selection),
-        'less-padding': containerWidth.width < akEditorMobileBreakoutPoint
+        [ClassName.TABLE_SELECTED]: isTableSelected(view.state.selection)
       }),
       editorView: view,
       getPos: getPos,

package/dist/es2019/plugins/table/nodeviews/TableContainer.js

@@ -5,6 +5,8 @@ import { calcTableWidth } from '@atlaskit/editor-common/styles';
 import { TableCssClassName as ClassName } from '../types';
 import { TableResizer } from './TableResizer';
 import { TABLE_MAX_WIDTH } from '../pm-plugins/table-resizing/utils';
+import classNames from 'classnames';
+import { akEditorMobileBreakoutPoint } from '@atlaskit/editor-shared-styles';
 const getMarginLeft = (lineLength, tableWidth) => {
   let marginLeft;
   if (tableWidth !== 'inherit' && lineLength) {
@@ -122,7 +124,9 @@ export const TableContainer = ({
   const tableWidth = isBreakoutEnabled ? calcTableWidth(node.attrs.layout, editorWidth) : 'inherit';
   return /*#__PURE__*/React.createElement(InnerContainer, {
     node: node,
-    className: className,
+    className: classNames(className, {
+      'less-padding': editorWidth < akEditorMobileBreakoutPoint
+    }),
     style: {
       width: tableWidth,
       marginLeft: getMarginLeft(lineLength, tableWidth)

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "2.3.0",
+	"version": "2.3.1",
 	"sideEffects": false
 }

package/dist/esm/plugins/table/nodeviews/TableComponent.js

@@ -16,7 +16,7 @@ import rafSchedule from 'raf-schd';
 import { findTable } from '@atlaskit/editor-tables/utils';
 import { tableMarginSides } from '@atlaskit/editor-common/styles';
 import { browser, isValidPosition } from '@atlaskit/editor-common/utils';
-import { akEditorMobileBreakoutPoint, akEditorTableToolbarSize as tableToolbarSize } from '@atlaskit/editor-shared-styles';
+import { akEditorTableToolbarSize as tableToolbarSize } from '@atlaskit/editor-shared-styles';
 import { getParentNodeWidth } from '@atlaskit/editor-common/node-width';
 import { autoSizeTable, clearHoverSelection } from '../commands';
 import { getPluginState } from '../pm-plugins/plugin-factory';
@@ -439,7 +439,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       }) : NOOP;
       var isNested = isTableNested(view.state, getPos());
       return /*#__PURE__*/React.createElement(TableContainer, {
-        className: classnames(ClassName.TABLE_CONTAINER, (_classnames = {}, _defineProperty(_classnames, ClassName.WITH_CONTROLS, allowControls && tableActive), _defineProperty(_classnames, ClassName.TABLE_STICKY, this.state.stickyHeader && hasHeaderRow), _defineProperty(_classnames, ClassName.HOVERED_DELETE_BUTTON, isInDanger), _defineProperty(_classnames, ClassName.TABLE_SELECTED, isTableSelected(view.state.selection)), _defineProperty(_classnames, 'less-padding', containerWidth.width < akEditorMobileBreakoutPoint), _classnames)),
+        className: classnames(ClassName.TABLE_CONTAINER, (_classnames = {}, _defineProperty(_classnames, ClassName.WITH_CONTROLS, allowControls && tableActive), _defineProperty(_classnames, ClassName.TABLE_STICKY, this.state.stickyHeader && hasHeaderRow), _defineProperty(_classnames, ClassName.HOVERED_DELETE_BUTTON, isInDanger), _defineProperty(_classnames, ClassName.TABLE_SELECTED, isTableSelected(view.state.selection)), _classnames)),
         editorView: view,
         getPos: getPos,
         node: node,

package/dist/esm/plugins/table/nodeviews/TableContainer.js

@@ -5,6 +5,8 @@ import { calcTableWidth } from '@atlaskit/editor-common/styles';
 import { TableCssClassName as ClassName } from '../types';
 import { TableResizer } from './TableResizer';
 import { TABLE_MAX_WIDTH } from '../pm-plugins/table-resizing/utils';
+import classNames from 'classnames';
+import { akEditorMobileBreakoutPoint } from '@atlaskit/editor-shared-styles';
 var getMarginLeft = function getMarginLeft(lineLength, tableWidth) {
   var marginLeft;
   if (tableWidth !== 'inherit' && lineLength) {
@@ -118,7 +120,9 @@ export var TableContainer = function TableContainer(_ref3) {
   var tableWidth = isBreakoutEnabled ? calcTableWidth(node.attrs.layout, editorWidth) : 'inherit';
   return /*#__PURE__*/React.createElement(InnerContainer, {
     node: node,
-    className: className,
+    className: classNames(className, {
+      'less-padding': editorWidth < akEditorMobileBreakoutPoint
+    }),
     style: {
       width: tableWidth,
       marginLeft: getMarginLeft(lineLength, tableWidth)

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "2.3.0",
+	"version": "2.3.1",
 	"sideEffects": false
 }

package/package.json

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

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

@@ -8,10 +8,7 @@ import { findTable } from '@atlaskit/editor-tables/utils';
 
 import { tableMarginSides } from '@atlaskit/editor-common/styles';
 import { browser, isValidPosition } from '@atlaskit/editor-common/utils';
-import {
-  akEditorMobileBreakoutPoint,
-  akEditorTableToolbarSize as tableToolbarSize,
-} from '@atlaskit/editor-shared-styles';
+import { akEditorTableToolbarSize as tableToolbarSize } from '@atlaskit/editor-shared-styles';
 
 import type { EditorContainerWidth } from '@atlaskit/editor-common/types';
 import { getParentNodeWidth } from '@atlaskit/editor-common/node-width';
@@ -396,7 +393,6 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
           [ClassName.TABLE_STICKY]: this.state.stickyHeader && hasHeaderRow,
           [ClassName.HOVERED_DELETE_BUTTON]: isInDanger,
           [ClassName.TABLE_SELECTED]: isTableSelected(view.state.selection),
-          'less-padding': containerWidth.width < akEditorMobileBreakoutPoint,
         })}
         editorView={view}
         getPos={getPos}

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

@@ -16,6 +16,8 @@ import type { GuidelineConfig } from '@atlaskit/editor-plugin-guideline';
 import { PluginInjectionAPI, TableCssClassName as ClassName } from '../types';
 import { TableResizer } from './TableResizer';
 import { TABLE_MAX_WIDTH } from '../pm-plugins/table-resizing/utils';
+import classNames from 'classnames';
+import { akEditorMobileBreakoutPoint } from '@atlaskit/editor-shared-styles';
 
 const getMarginLeft = (lineLength: number, tableWidth: number | 'inherit') => {
   let marginLeft;
@@ -209,7 +211,9 @@ export const TableContainer = ({
   return (
     <InnerContainer
       node={node}
-      className={className}
+      className={classNames(className, {
+        'less-padding': editorWidth < akEditorMobileBreakoutPoint,
+      })}
       style={{
         width: tableWidth,
         marginLeft: getMarginLeft(lineLength!, tableWidth),

package/tmp/api-report-tmp.d.ts

@@ -1,106 +0,0 @@
-## API Report File for "@atlaskit/editor-plugin-table"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-import { AnalyticsEventPayload } from '@atlaskit/editor-common/analytics';
-import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
-import type { Command } from '@atlaskit/editor-common/types';
-import type { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
-import type { EditorSelectionAPI } from '@atlaskit/editor-common/selection';
-import type { GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
-import type { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
-import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
-import { TableLayout } from '@atlaskit/adf-schema';
-import type { widthPlugin } from '@atlaskit/editor-plugin-width';
-
-// @public (undocumented)
-type InsertTableAction = (analyticsPayload: AnalyticsEventPayload) => Command;
-
-// @public (undocumented)
-type PermittedLayoutsDescriptor = 'all' | TableLayout[];
-
-// @public (undocumented)
-interface PluginConfig {
-    // (undocumented)
-    advanced?: boolean;
-    // (undocumented)
-    allowAddColumnWithCustomStep?: boolean;
-    // (undocumented)
-    allowBackgroundColor?: boolean;
-    // (undocumented)
-    allowCellOptionsInFloatingToolbar?: boolean;
-    // (undocumented)
-    allowCollapse?: boolean;
-    // (undocumented)
-    allowColumnResizing?: boolean;
-    // (undocumented)
-    allowColumnSorting?: boolean;
-    // (undocumented)
-    allowControls?: boolean;
-    // (undocumented)
-    allowDistributeColumns?: boolean;
-    // (undocumented)
-    allowHeaderColumn?: boolean;
-    // (undocumented)
-    allowHeaderRow?: boolean;
-    // (undocumented)
-    allowMergeCells?: boolean;
-    // (undocumented)
-    allowNumberColumn?: boolean;
-    // (undocumented)
-    initialRenderOptimization?: boolean;
-    // (undocumented)
-    isHeaderRowRequired?: boolean;
-    // (undocumented)
-    mouseMoveOptimization?: boolean;
-    // (undocumented)
-    permittedLayouts?: PermittedLayoutsDescriptor;
-    // (undocumented)
-    stickyHeaders?: boolean;
-    // (undocumented)
-    stickyHeadersOptimization?: boolean;
-    // (undocumented)
-    tableCellOptimization?: boolean;
-    // (undocumented)
-    tableOverflowShadowsOptimization?: boolean;
-    // (undocumented)
-    tableRenderOptimization?: boolean;
-}
-
-// @public (undocumented)
-interface TablePluginOptions {
-    // (undocumented)
-    allowContextualMenu?: boolean;
-    // (undocumented)
-    breakoutEnabled?: boolean;
-    // (undocumented)
-    editorSelectionAPI?: EditorSelectionAPI;
-    // (undocumented)
-    fullWidthEnabled?: boolean;
-    // (undocumented)
-    getEditorFeatureFlags?: GetEditorFeatureFlags;
-    // (undocumented)
-    tableOptions: PluginConfig;
-    // (undocumented)
-    wasFullWidthEnabled?: boolean;
-}
-
-// @public (undocumented)
-export const tablesPlugin: NextEditorPlugin<'table', {
-    pluginConfiguration: TablePluginOptions | undefined;
-    actions: {
-        insertTable: InsertTableAction;
-    };
-    dependencies: [
-    typeof analyticsPlugin,
-    typeof contentInsertionPlugin,
-    typeof widthPlugin,
-    typeof guidelinePlugin
-    ];
-}>;
-
-// (No @packageDocumentation comment for this package)
-
-```