@atlaskit/editor-plugin-table 5.6.5 → 5.6.7

package/src/{plugins/table/utils → utils}/row-controls.ts

@@ -1,6 +1,12 @@
 import { parsePx } from '@atlaskit/editor-common/utils';
-import { Node as PMNode, Schema } from '@atlaskit/editor-prosemirror/model';
-import { Selection, Transaction } from '@atlaskit/editor-prosemirror/state';
+import type {
+  Node as PMNode,
+  Schema,
+} from '@atlaskit/editor-prosemirror/model';
+import type {
+  Selection,
+  Transaction,
+} from '@atlaskit/editor-prosemirror/state';
 import { safeInsert } from '@atlaskit/editor-prosemirror/utils';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { TableMap } from '@atlaskit/editor-tables/table-map';

package/src/{plugins/table/utils → utils}/snapping.ts

@@ -1,7 +1,5 @@
-import {
-  type GuidelineConfig,
-  isVerticalPosition,
-} from '@atlaskit/editor-common/guideline';
+import type { GuidelineConfig } from '@atlaskit/editor-common/guideline';
+import { isVerticalPosition } from '@atlaskit/editor-common/guideline';
 import {
   akEditorCalculatedWideLayoutWidth,
   akEditorDefaultLayoutWidth,

package/src/{plugins/table/utils → utils}/table.ts

@@ -1,5 +1,6 @@
-import { Transaction } from '@atlaskit/editor-prosemirror/state';
-import { Rect, TableMap } from '@atlaskit/editor-tables/table-map';
+import type { Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { Rect } from '@atlaskit/editor-tables/table-map';
+import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findTable } from '@atlaskit/editor-tables/utils';
 
 export const getMergedCellsPositions = (tr: Transaction): number[] => {

package/src/{plugins/table/utils → utils}/update-plugin-state-decorations.ts

@@ -1,8 +1,11 @@
-import { EditorState } from '@atlaskit/editor-prosemirror/state';
-import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import type {
+  Decoration,
+  DecorationSet,
+} from '@atlaskit/editor-prosemirror/view';
 
 import { getDecorations } from '../pm-plugins/decorations/plugin';
-import { TableDecorations } from '../types';
+import type { TableDecorations } from '../types';
 
 import { updateDecorations } from './decoration';
 

package/tsconfig.app.json

@@ -25,7 +25,7 @@
     "**/mock.*",
     "**/codemods/**/*.ts",
     "**/codemods/**/*.tsx",
-    "./src/plugins/table/nodeviews/__mocks__/**/*"
+    "./src/nodeviews/__mocks__/**/*"
   ],
   "compilerOptions": {
     "baseUrl": "./",

package/tsconfig.dev.json

@@ -24,7 +24,7 @@
     "**/mock.*",
     "**/codemods/**/*.ts",
     "**/codemods/**/*.tsx",
-    "./src/plugins/table/nodeviews/__mocks__/**/*"
+    "./src/nodeviews/__mocks__/**/*"
   ],
   "exclude": ["./dist/**/*", "./build/**/*", "./node_modules/**/*"],
   "compilerOptions": {

package/types/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@atlaskit/editor-plugin-table/types",
-  "main": "../dist/cjs/plugins/table/types.js",
-  "module": "../dist/esm/plugins/table/types.js",
-  "module:es2019": "../dist/es2019/plugins/table/types.js",
+  "main": "../dist/cjs/types.js",
+  "module": "../dist/esm/types.js",
+  "module:es2019": "../dist/es2019/types.js",
   "sideEffects": false,
-  "types": "../dist/types/plugins/table/types.d.ts",
+  "types": "../dist/types/types.d.ts",
   "typesVersions": {
     ">=4.5 <4.9": {
       "*": [
-        "../dist/types-ts4.5/plugins/table/types.d.ts"
+        "../dist/types-ts4.5/types.d.ts"
       ]
     }
   }

package/ui/common-styles/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@atlaskit/editor-plugin-table/ui/common-styles",
-  "main": "../../dist/cjs/plugins/table/ui/common-styles.js",
-  "module": "../../dist/esm/plugins/table/ui/common-styles.js",
-  "module:es2019": "../../dist/es2019/plugins/table/ui/common-styles.js",
+  "main": "../../dist/cjs/ui/common-styles.js",
+  "module": "../../dist/esm/ui/common-styles.js",
+  "module:es2019": "../../dist/es2019/ui/common-styles.js",
   "sideEffects": false,
-  "types": "../../dist/types/plugins/table/ui/common-styles.d.ts",
+  "types": "../../dist/types/ui/common-styles.d.ts",
   "typesVersions": {
     ">=4.5 <4.9": {
       "*": [
-        "../../dist/types-ts4.5/plugins/table/ui/common-styles.d.ts"
+        "../../dist/types-ts4.5/ui/common-styles.d.ts"
       ]
     }
   }

package/ui/consts/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@atlaskit/editor-plugin-table/ui/consts",
-  "main": "../../dist/cjs/plugins/table/ui/consts.js",
-  "module": "../../dist/esm/plugins/table/ui/consts.js",
-  "module:es2019": "../../dist/es2019/plugins/table/ui/consts.js",
+  "main": "../../dist/cjs/ui/consts.js",
+  "module": "../../dist/esm/ui/consts.js",
+  "module:es2019": "../../dist/es2019/ui/consts.js",
   "sideEffects": false,
-  "types": "../../dist/types/plugins/table/ui/consts.d.ts",
+  "types": "../../dist/types/ui/consts.d.ts",
   "typesVersions": {
     ">=4.5 <4.9": {
       "*": [
-        "../../dist/types-ts4.5/plugins/table/ui/consts.d.ts"
+        "../../dist/types-ts4.5/ui/consts.d.ts"
       ]
     }
   }

package/dist/cjs/plugins/table/ui/FloatingContextualButton/styles.js

@@ -1,38 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.tableFloatingCellButtonStyles = exports.tableFloatingCellButtonSelectedStyles = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = require("@emotion/react");
-var _colors = require("@atlaskit/theme/colors");
-var _components = require("@atlaskit/theme/components");
-var _constants = require("@atlaskit/theme/constants");
-var _consts = require("../consts");
-var _templateObject, _templateObject2;
-var tableFloatingCellButtonStyles = exports.tableFloatingCellButtonStyles = function tableFloatingCellButtonStyles(props) {
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  > div {\n    // Sits behind button to provide surface-color background\n    background: ", ";\n    border-radius: ", "px;\n    display: flex;\n    height: ", "px;\n    flex-direction: column;\n  }\n  && button {\n    background: ", ";\n    flex-direction: column;\n    margin: ", ";\n    outline: 2px solid ", ";\n    border-radius: 1px;\n    padding: 0;\n    height: calc(100% - 4px);\n    display: flex;\n  }\n  && button:hover {\n    background: ", ";\n  }\n  && button:active {\n    background: ", ";\n  }\n  && button > span {\n    margin: 0px ", ";\n  }\n  && span {\n    pointer-events: none;\n  }\n"])), "var(--ds-surface, ".concat(_colors.N20, ")"), (0, _constants.borderRadius)(), _consts.contextualMenuTriggerSize + 2, (0, _components.themed)({
-    light: "var(--ds-background-neutral, none)",
-    dark: "var(--ds-background-neutral, none)"
-  })(props), "var(--ds-space-025, 2px)", "var(--ds-surface, ".concat(_colors.N0, ")"), (0, _components.themed)({
-    light: "var(--ds-background-neutral-hovered, ".concat(_colors.N30A, ")"),
-    dark: "var(--ds-background-neutral-hovered, ".concat(_colors.DN60, ")")
-  })(props), (0, _components.themed)({
-    light: "var(--ds-background-neutral-pressed, rgba(179, 212, 255, 0.6))",
-    dark: "var(--ds-background-neutral-pressed, ".concat(_colors.B75, ")")
-  })(props), "var(--ds-space-negative-050, -4px)");
-};
-var tableFloatingCellButtonSelectedStyles = exports.tableFloatingCellButtonSelectedStyles = function tableFloatingCellButtonSelectedStyles(props) {
-  return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  && button {\n    background: ", ";\n  }\n  && button:hover {\n    background: ", ";\n  }\n  && button:active {\n    background: ", ";\n  }\n"])), (0, _components.themed)({
-    light: "var(--ds-background-selected, ".concat(_colors.N700, ")"),
-    dark: "var(--ds-background-selected, ".concat(_colors.DN0, ")")
-  })(props), (0, _components.themed)({
-    light: "var(--ds-background-selected-hovered, ".concat(_colors.N700, ")"),
-    dark: "var(--ds-background-selected-hovered, ".concat(_colors.DN0, ")")
-  })(props), (0, _components.themed)({
-    light: "var(--ds-background-selected-pressed, ".concat(_colors.N700, ")"),
-    dark: "var(--ds-background-selected-pressed, ".concat(_colors.DN0, ")")
-  })(props));
-};

package/dist/cjs/plugins/table-plugin.js

@@ -1,9 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _table = _interopRequireDefault(require("./table"));
-var _default = exports.default = _table.default;

package/dist/cjs/types/i18n.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/dist/es2019/plugins/table/ui/FloatingContextualButton/styles.js

@@ -1,66 +0,0 @@
-import { css } from '@emotion/react';
-import { B75, DN0, DN60, N0, N20, N30A, N700 } from '@atlaskit/theme/colors';
-import { themed } from '@atlaskit/theme/components';
-import { borderRadius } from '@atlaskit/theme/constants';
-import { contextualMenuTriggerSize } from '../consts';
-export const tableFloatingCellButtonStyles = props => css`
-  > div {
-    // Sits behind button to provide surface-color background
-    background: ${`var(--ds-surface, ${N20})`};
-    border-radius: ${borderRadius()}px;
-    display: flex;
-    height: ${contextualMenuTriggerSize + 2}px;
-    flex-direction: column;
-  }
-  && button {
-    background: ${themed({
-  light: "var(--ds-background-neutral, none)",
-  dark: "var(--ds-background-neutral, none)"
-})(props)};
-    flex-direction: column;
-    margin: ${"var(--ds-space-025, 2px)"};
-    outline: 2px solid ${`var(--ds-surface, ${N0})`};
-    border-radius: 1px;
-    padding: 0;
-    height: calc(100% - 4px);
-    display: flex;
-  }
-  && button:hover {
-    background: ${themed({
-  light: `var(--ds-background-neutral-hovered, ${N30A})`,
-  dark: `var(--ds-background-neutral-hovered, ${DN60})`
-})(props)};
-  }
-  && button:active {
-    background: ${themed({
-  light: "var(--ds-background-neutral-pressed, rgba(179, 212, 255, 0.6))",
-  dark: `var(--ds-background-neutral-pressed, ${B75})`
-})(props)};
-  }
-  && button > span {
-    margin: 0px ${"var(--ds-space-negative-050, -4px)"};
-  }
-  && span {
-    pointer-events: none;
-  }
-`;
-export const tableFloatingCellButtonSelectedStyles = props => css`
-  && button {
-    background: ${themed({
-  light: `var(--ds-background-selected, ${N700})`,
-  dark: `var(--ds-background-selected, ${DN0})`
-})(props)};
-  }
-  && button:hover {
-    background: ${themed({
-  light: `var(--ds-background-selected-hovered, ${N700})`,
-  dark: `var(--ds-background-selected-hovered, ${DN0})`
-})(props)};
-  }
-  && button:active {
-    background: ${themed({
-  light: `var(--ds-background-selected-pressed, ${N700})`,
-  dark: `var(--ds-background-selected-pressed, ${DN0})`
-})(props)};
-  }
-`;

package/dist/es2019/plugins/table/ui/consts.js

@@ -1,111 +0,0 @@
-import { tableCellBorderWidth, tableMarginTop } from '@atlaskit/editor-common/styles';
-import { akEditorTableBorder, akEditorTableBorderDark, akEditorTableBorderSelected, akEditorTableCellBlanketDeleted, akEditorTableCellBlanketSelected, akEditorTableHeaderCellBackground, akEditorTableHeaderCellBackgroundDark, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarSize, akEditorUnitZIndex, akRichMediaResizeZIndex } from '@atlaskit/editor-shared-styles';
-import { B200, DN30, DN400, N0, N20, N200, N20A, N300, R300, R400, R75 } from '@atlaskit/theme/colors';
-import { themed } from '@atlaskit/theme/components';
-import { RESIZE_HANDLE_AREA_DECORATION_GAP } from '../types';
-
-/**
- * Basic colors added to prevent content overflow in table cells.
- */
-
-// TODO: https://product-fabric.atlassian.net/browse/DSP-4135
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-export const tableCellBackgroundColor = themed({
-  light: `var(--ds-surface, ${N0})`,
-  dark: `var(--ds-surface, ${DN30})`
-});
-export const tableHeaderCellBackgroundColor = themed({
-  light: `var(--ds-background-accent-gray-subtlest, ${akEditorTableHeaderCellBackground})`,
-  dark: `var(--ds-background-accent-gray-subtlest, ${akEditorTableHeaderCellBackgroundDark})`
-});
-export const tableToolbarColor = themed({
-  light: `var(--ds-background-neutral-subtle, ${akEditorTableToolbar})`,
-  dark: `var(--ds-background-neutral-subtle, ${akEditorTableToolbarDark})`
-});
-export const tableTextColor = themed({
-  light: `var(--ds-text-subtlest, ${N200})`,
-  dark: `var(--ds-text-subtlest, ${DN400})`
-});
-export const tableBorderColor = themed({
-  light: `var(--ds-background-accent-gray-subtler, ${akEditorTableBorder})`,
-  dark: `var(--ds-background-accent-gray-subtler, ${akEditorTableBorderDark})`
-});
-export const tableFloatingControlsColor = `var(--ds-background-neutral, ${N20})`;
-// TODO: https://product-fabric.atlassian.net/browse/DSP-4461
-export const tableCellSelectedColor = themed({
-  light: `var(--ds-blanket-selected, ${akEditorTableCellBlanketSelected})`,
-  dark: `var(--ds-blanket-selected, ${akEditorTableCellBlanketSelected})`
-});
-export const tableToolbarSelectedColor = themed({
-  light: `var(--ds-background-selected-pressed, ${B200})`,
-  dark: `var(--ds-background-selected-pressed, ${B200})`
-});
-export const tableBorderSelectedColor = themed({
-  light: `var(--ds-border-focused, ${akEditorTableBorderSelected})`,
-  dark: `var(--ds-border-focused, ${akEditorTableBorderSelected})`
-});
-export const tableCellSelectedDeleteIconColor = themed({
-  light: `var(--ds-icon-subtle, ${N300})`,
-  dark: `var(--ds-icon-subtle, ${N300})`
-});
-export const tableCellSelectedDeleteIconBackground = themed({
-  light: `var(--ds-background-accent-gray-subtlest, ${N20A})`,
-  dark: `var(--ds-background-accent-gray-subtlest, ${N20A})`
-});
-export const tableCellDeleteColor = themed({
-  light: `var(--ds-blanket-danger, ${akEditorTableCellBlanketDeleted})`,
-  dark: `var(--ds-blanket-danger, ${akEditorTableCellBlanketDeleted})`
-});
-export const tableBorderDeleteColor = themed({
-  light: `var(--ds-border-danger, ${R400})`,
-  dark: `var(--ds-border-danger, ${R400})`
-});
-export const tableToolbarDeleteColor = themed({
-  light: `var(--ds-background-danger-pressed, ${R75})`,
-  dark: `var(--ds-background-danger-pressed, ${R75})`
-});
-export const tableCellHoverDeleteIconColor = themed({
-  light: "var(--ds-icon-inverse, white)",
-  dark: "var(--ds-icon-inverse, white)"
-});
-export const tableCellHoverDeleteIconBackground = themed({
-  light: `var(--ds-background-danger-bold, ${R300})`,
-  dark: `var(--ds-background-danger-bold, ${R300})`
-});
-export const tableBorderRadiusSize = 3;
-export const tablePadding = 8;
-export const tableScrollbarOffset = 15;
-export const tableMarginFullWidthMode = 2;
-export const tableInsertColumnButtonSize = 20;
-export const tableDeleteButtonSize = 16;
-export const tableDeleteButtonOffset = 6;
-export const tableToolbarSize = akEditorTableToolbarSize;
-export const tableControlsSpacing = tableMarginTop + tablePadding - tableCellBorderWidth;
-export const tableInsertColumnButtonOffset = 3;
-export const layoutButtonSize = 32;
-export const lineMarkerOffsetFromColumnControls = 13;
-export const lineMarkerSize = 4;
-export const columnControlsDecorationHeight = 25;
-export const columnControlsZIndex = akEditorUnitZIndex * 10;
-export const columnControlsSelectedZIndex = columnControlsZIndex + 1;
-export const rowControlsZIndex = akEditorUnitZIndex * 10;
-export const columnResizeHandleZIndex = columnControlsSelectedZIndex + 1;
-export const insertLineWidth = 3;
-export const resizeHandlerAreaWidth = RESIZE_HANDLE_AREA_DECORATION_GAP / 3;
-export const resizeLineWidth = 2;
-export const resizeHandlerZIndex = columnControlsZIndex + akRichMediaResizeZIndex;
-export const contextualMenuTriggerSize = 16;
-export const contextualMenuDropdownWidth = 180;
-export const stickyRowZIndex = resizeHandlerZIndex + 2;
-export const stickyRowOffsetTop = 8;
-export const stickyHeaderBorderBottomWidth = 1;
-export const tableOverflowShadowWidth = 8;
-export const tableOverflowShadowWidthWide = 32;
-export const dropTargetsZIndex = 14;
-export const TABLE_SNAP_GAP = 9;
-export const TABLE_HIGHLIGHT_GAP = 10;
-export const TABLE_HIGHLIGHT_TOLERANCE = 2;
-export const STICKY_HEADER_TOGGLE_TOLERANCE_MS = 5;
-export const dragMenuDropdownWidth = 240;
-export const dragTableInsertColumnButtonSize = 16;
-export const dropTargetExtendedWidth = 150;

package/dist/es2019/plugins/table-plugin.js

@@ -1,2 +0,0 @@
-import { default as tablesPlugin } from './table';
-export default tablesPlugin;

package/dist/es2019/types/i18n.js

@@ -1 +0,0 @@
-export {};

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

@@ -1,31 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
-import { css } from '@emotion/react';
-import { B75, DN0, DN60, N0, N20, N30A, N700 } from '@atlaskit/theme/colors';
-import { themed } from '@atlaskit/theme/components';
-import { borderRadius } from '@atlaskit/theme/constants';
-import { contextualMenuTriggerSize } from '../consts';
-export var tableFloatingCellButtonStyles = function tableFloatingCellButtonStyles(props) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  > div {\n    // Sits behind button to provide surface-color background\n    background: ", ";\n    border-radius: ", "px;\n    display: flex;\n    height: ", "px;\n    flex-direction: column;\n  }\n  && button {\n    background: ", ";\n    flex-direction: column;\n    margin: ", ";\n    outline: 2px solid ", ";\n    border-radius: 1px;\n    padding: 0;\n    height: calc(100% - 4px);\n    display: flex;\n  }\n  && button:hover {\n    background: ", ";\n  }\n  && button:active {\n    background: ", ";\n  }\n  && button > span {\n    margin: 0px ", ";\n  }\n  && span {\n    pointer-events: none;\n  }\n"])), "var(--ds-surface, ".concat(N20, ")"), borderRadius(), contextualMenuTriggerSize + 2, themed({
-    light: "var(--ds-background-neutral, none)",
-    dark: "var(--ds-background-neutral, none)"
-  })(props), "var(--ds-space-025, 2px)", "var(--ds-surface, ".concat(N0, ")"), themed({
-    light: "var(--ds-background-neutral-hovered, ".concat(N30A, ")"),
-    dark: "var(--ds-background-neutral-hovered, ".concat(DN60, ")")
-  })(props), themed({
-    light: "var(--ds-background-neutral-pressed, rgba(179, 212, 255, 0.6))",
-    dark: "var(--ds-background-neutral-pressed, ".concat(B75, ")")
-  })(props), "var(--ds-space-negative-050, -4px)");
-};
-export var tableFloatingCellButtonSelectedStyles = function tableFloatingCellButtonSelectedStyles(props) {
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  && button {\n    background: ", ";\n  }\n  && button:hover {\n    background: ", ";\n  }\n  && button:active {\n    background: ", ";\n  }\n"])), themed({
-    light: "var(--ds-background-selected, ".concat(N700, ")"),
-    dark: "var(--ds-background-selected, ".concat(DN0, ")")
-  })(props), themed({
-    light: "var(--ds-background-selected-hovered, ".concat(N700, ")"),
-    dark: "var(--ds-background-selected-hovered, ".concat(DN0, ")")
-  })(props), themed({
-    light: "var(--ds-background-selected-pressed, ".concat(N700, ")"),
-    dark: "var(--ds-background-selected-pressed, ".concat(DN0, ")")
-  })(props));
-};

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

@@ -1,15 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
-import { css } from '@emotion/react';
-import { tableBackgroundBorderColor } from '@atlaskit/adf-schema';
-import { N60A, N90 } from '@atlaskit/theme/colors';
-import { borderRadius } from '@atlaskit/theme/constants';
-import { TableCssClassName as ClassName } from '../../types';
-import { contextualMenuDropdownWidth } from '../consts';
-export var cellColourPreviewStyles = function cellColourPreviewStyles(selectedColor) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &::before {\n    background: ", ";\n  }\n"])), selectedColor);
-};
-
-// TODO Delete this comment after verifying space token -> previous value `padding: 8px`
-// TODO Delete this comment after verifying space token -> previous value `margin-left: 4px`
-export var tablePopupStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  .", " {\n    border-radius: ", "px;\n    background: ", ";\n    box-shadow: ", ";\n    display: block;\n    position: absolute;\n    top: 0;\n    left: ", "px;\n    padding: ", ";\n\n    > div {\n      padding: 0;\n    }\n  }\n\n  .", " {\n    display: flex;\n\n    &::before {\n      content: '';\n      display: block;\n      border: 1px solid ", ";\n      border-radius: ", "px;\n      width: 20px;\n      height: 20px;\n    }\n\n    &::after {\n      content: '\u203A';\n      margin-left: ", ";\n      line-height: 20px;\n      color: ", ";\n    }\n  }\n"])), ClassName.CONTEXTUAL_SUBMENU, borderRadius(), "var(--ds-surface-overlay, white)", "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N60A, ", 0 0 1px ").concat(N60A), ")"), contextualMenuDropdownWidth, "var(--ds-space-100, 8px)", ClassName.CONTEXTUAL_MENU_ICON, tableBackgroundBorderColor, borderRadius(), "var(--ds-space-050, 4px)", "var(--ds-icon, ".concat(N90, ")"));

package/dist/esm/plugins/table/ui/consts.js

@@ -1,111 +0,0 @@
-import { tableCellBorderWidth, tableMarginTop } from '@atlaskit/editor-common/styles';
-import { akEditorTableBorder, akEditorTableBorderDark, akEditorTableBorderSelected, akEditorTableCellBlanketDeleted, akEditorTableCellBlanketSelected, akEditorTableHeaderCellBackground, akEditorTableHeaderCellBackgroundDark, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarSize, akEditorUnitZIndex, akRichMediaResizeZIndex } from '@atlaskit/editor-shared-styles';
-import { B200, DN30, DN400, N0, N20, N200, N20A, N300, R300, R400, R75 } from '@atlaskit/theme/colors';
-import { themed } from '@atlaskit/theme/components';
-import { RESIZE_HANDLE_AREA_DECORATION_GAP } from '../types';
-
-/**
- * Basic colors added to prevent content overflow in table cells.
- */
-
-// TODO: https://product-fabric.atlassian.net/browse/DSP-4135
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-export var tableCellBackgroundColor = themed({
-  light: "var(--ds-surface, ".concat(N0, ")"),
-  dark: "var(--ds-surface, ".concat(DN30, ")")
-});
-export var tableHeaderCellBackgroundColor = themed({
-  light: "var(--ds-background-accent-gray-subtlest, ".concat(akEditorTableHeaderCellBackground, ")"),
-  dark: "var(--ds-background-accent-gray-subtlest, ".concat(akEditorTableHeaderCellBackgroundDark, ")")
-});
-export var tableToolbarColor = themed({
-  light: "var(--ds-background-neutral-subtle, ".concat(akEditorTableToolbar, ")"),
-  dark: "var(--ds-background-neutral-subtle, ".concat(akEditorTableToolbarDark, ")")
-});
-export var tableTextColor = themed({
-  light: "var(--ds-text-subtlest, ".concat(N200, ")"),
-  dark: "var(--ds-text-subtlest, ".concat(DN400, ")")
-});
-export var tableBorderColor = themed({
-  light: "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorder, ")"),
-  dark: "var(--ds-background-accent-gray-subtler, ".concat(akEditorTableBorderDark, ")")
-});
-export var tableFloatingControlsColor = "var(--ds-background-neutral, ".concat(N20, ")");
-// TODO: https://product-fabric.atlassian.net/browse/DSP-4461
-export var tableCellSelectedColor = themed({
-  light: "var(--ds-blanket-selected, ".concat(akEditorTableCellBlanketSelected, ")"),
-  dark: "var(--ds-blanket-selected, ".concat(akEditorTableCellBlanketSelected, ")")
-});
-export var tableToolbarSelectedColor = themed({
-  light: "var(--ds-background-selected-pressed, ".concat(B200, ")"),
-  dark: "var(--ds-background-selected-pressed, ".concat(B200, ")")
-});
-export var tableBorderSelectedColor = themed({
-  light: "var(--ds-border-focused, ".concat(akEditorTableBorderSelected, ")"),
-  dark: "var(--ds-border-focused, ".concat(akEditorTableBorderSelected, ")")
-});
-export var tableCellSelectedDeleteIconColor = themed({
-  light: "var(--ds-icon-subtle, ".concat(N300, ")"),
-  dark: "var(--ds-icon-subtle, ".concat(N300, ")")
-});
-export var tableCellSelectedDeleteIconBackground = themed({
-  light: "var(--ds-background-accent-gray-subtlest, ".concat(N20A, ")"),
-  dark: "var(--ds-background-accent-gray-subtlest, ".concat(N20A, ")")
-});
-export var tableCellDeleteColor = themed({
-  light: "var(--ds-blanket-danger, ".concat(akEditorTableCellBlanketDeleted, ")"),
-  dark: "var(--ds-blanket-danger, ".concat(akEditorTableCellBlanketDeleted, ")")
-});
-export var tableBorderDeleteColor = themed({
-  light: "var(--ds-border-danger, ".concat(R400, ")"),
-  dark: "var(--ds-border-danger, ".concat(R400, ")")
-});
-export var tableToolbarDeleteColor = themed({
-  light: "var(--ds-background-danger-pressed, ".concat(R75, ")"),
-  dark: "var(--ds-background-danger-pressed, ".concat(R75, ")")
-});
-export var tableCellHoverDeleteIconColor = themed({
-  light: "var(--ds-icon-inverse, white)",
-  dark: "var(--ds-icon-inverse, white)"
-});
-export var tableCellHoverDeleteIconBackground = themed({
-  light: "var(--ds-background-danger-bold, ".concat(R300, ")"),
-  dark: "var(--ds-background-danger-bold, ".concat(R300, ")")
-});
-export var tableBorderRadiusSize = 3;
-export var tablePadding = 8;
-export var tableScrollbarOffset = 15;
-export var tableMarginFullWidthMode = 2;
-export var tableInsertColumnButtonSize = 20;
-export var tableDeleteButtonSize = 16;
-export var tableDeleteButtonOffset = 6;
-export var tableToolbarSize = akEditorTableToolbarSize;
-export var tableControlsSpacing = tableMarginTop + tablePadding - tableCellBorderWidth;
-export var tableInsertColumnButtonOffset = 3;
-export var layoutButtonSize = 32;
-export var lineMarkerOffsetFromColumnControls = 13;
-export var lineMarkerSize = 4;
-export var columnControlsDecorationHeight = 25;
-export var columnControlsZIndex = akEditorUnitZIndex * 10;
-export var columnControlsSelectedZIndex = columnControlsZIndex + 1;
-export var rowControlsZIndex = akEditorUnitZIndex * 10;
-export var columnResizeHandleZIndex = columnControlsSelectedZIndex + 1;
-export var insertLineWidth = 3;
-export var resizeHandlerAreaWidth = RESIZE_HANDLE_AREA_DECORATION_GAP / 3;
-export var resizeLineWidth = 2;
-export var resizeHandlerZIndex = columnControlsZIndex + akRichMediaResizeZIndex;
-export var contextualMenuTriggerSize = 16;
-export var contextualMenuDropdownWidth = 180;
-export var stickyRowZIndex = resizeHandlerZIndex + 2;
-export var stickyRowOffsetTop = 8;
-export var stickyHeaderBorderBottomWidth = 1;
-export var tableOverflowShadowWidth = 8;
-export var tableOverflowShadowWidthWide = 32;
-export var dropTargetsZIndex = 14;
-export var TABLE_SNAP_GAP = 9;
-export var TABLE_HIGHLIGHT_GAP = 10;
-export var TABLE_HIGHLIGHT_TOLERANCE = 2;
-export var STICKY_HEADER_TOGGLE_TOLERANCE_MS = 5;
-export var dragMenuDropdownWidth = 240;
-export var dragTableInsertColumnButtonSize = 16;
-export var dropTargetExtendedWidth = 150;

package/dist/esm/plugins/table-plugin.js

@@ -1,2 +0,0 @@
-import { default as tablesPlugin } from './table';
-export default tablesPlugin;

package/dist/esm/types/i18n.js

@@ -1 +0,0 @@
-export {};

package/dist/types/plugins/table/commands/collapse.d.ts

@@ -1,2 +0,0 @@
-import { Command } from '@atlaskit/editor-common/types';
-export declare const wrapTableInExpand: Command;

package/dist/types/plugins/table/transforms/delete-rows.d.ts

@@ -1,3 +0,0 @@
-import { Transaction } from '@atlaskit/editor-prosemirror/state';
-import { Rect } from '@atlaskit/editor-tables/table-map';
-export declare const deleteRows: (rect: Rect, isHeaderRowRequired?: boolean) => (tr: Transaction) => Transaction;

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

@@ -1,3 +0,0 @@
-import { ThemeProps } from '@atlaskit/theme/types';
-export declare const tableFloatingCellButtonStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
-export declare const tableFloatingCellButtonSelectedStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;

package/dist/types/plugins/table/ui/ui-styles.d.ts

@@ -1,20 +0,0 @@
-import type { ThemeProps } from '@atlaskit/theme/types';
-export declare const InsertMarker: (props: ThemeProps, cssString?: string) => import("@emotion/react").SerializedStyles;
-export declare const HeaderButton: (props: ThemeProps, cssString?: string) => import("@emotion/react").SerializedStyles;
-export declare const HeaderButtonHover: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
-export declare const HeaderButtonDanger: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
-export declare const dragInsertButtonWrapper: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
-export declare const dragCornerControlButton: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
-export declare const insertColumnButtonWrapper: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
-export declare const insertRowButtonWrapper: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
-export declare const columnControlsLineMarker: () => import("@emotion/react").SerializedStyles;
-export declare const DeleteButton: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
-export declare const OverflowShadow: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
-export declare const floatingColumnControls: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
-export declare const rowControlsWrapperDotStyle: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
-export declare const columnControlsDecoration: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
-export declare const hoveredDeleteButton: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
-export declare const hoveredCell: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
-export declare const hoveredWarningCell: import("@emotion/react").SerializedStyles;
-export declare const resizeHandle: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
-export declare const insertLine: (props: ThemeProps) => import("@emotion/react").SerializedStyles;

package/dist/types/plugins/table/utils/update-plugin-state-decorations.d.ts

@@ -1,4 +0,0 @@
-import { EditorState } from '@atlaskit/editor-prosemirror/state';
-import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import { TableDecorations } from '../types';
-export declare const updatePluginStateDecorations: (state: EditorState, decorations: Decoration[], key: TableDecorations) => DecorationSet;

package/dist/types/plugins/table-plugin.d.ts

@@ -1,2 +0,0 @@
-import { default as tablesPlugin } from './table';
-export default tablesPlugin;

package/dist/types/types/i18n.d.ts

@@ -1,5 +0,0 @@
-export interface MessageDescriptor {
-    id: string;
-    description: string;
-    defaultMessage: string;
-}

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

@@ -1,2 +0,0 @@
-import { Command } from '@atlaskit/editor-common/types';
-export declare const wrapTableInExpand: Command;

package/dist/types-ts4.5/plugins/table/transforms/delete-rows.d.ts

@@ -1,3 +0,0 @@
-import { Transaction } from '@atlaskit/editor-prosemirror/state';
-import { Rect } from '@atlaskit/editor-tables/table-map';
-export declare const deleteRows: (rect: Rect, isHeaderRowRequired?: boolean) => (tr: Transaction) => Transaction;

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

@@ -1,3 +0,0 @@
-import { ThemeProps } from '@atlaskit/theme/types';
-export declare const tableFloatingCellButtonStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
-export declare const tableFloatingCellButtonSelectedStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;