@atlaskit/editor-core 162.0.0 → 162.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/cjs/labs/next/full-page.js +1 -1
- package/dist/cjs/plugins/table/ui/FloatingContextualButton/index.js +1 -1
- package/dist/cjs/plugins/table/ui/FloatingContextualButton/{styles.css.js → styles.js} +0 -0
- package/dist/cjs/plugins/table/ui/FloatingContextualMenu/index.js +1 -1
- package/dist/cjs/plugins/table/ui/FloatingContextualMenu/{styles.css.js → styles.js} +0 -0
- package/dist/cjs/plugins/table/ui/common-styles.js +53 -0
- package/dist/cjs/plugins/table/ui/{ui-styles.css.js → ui-styles.js} +10 -10
- package/dist/cjs/ui/Appearance/Comment/Comment.js +1 -1
- package/dist/cjs/ui/Appearance/FullPage/StyledComponents.js +1 -1
- package/dist/cjs/ui/ContentStyles/index.js +1 -1
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/labs/next/full-page.js +1 -1
- package/dist/es2019/plugins/table/ui/FloatingContextualButton/index.js +1 -1
- package/dist/es2019/plugins/table/ui/FloatingContextualButton/{styles.css.js → styles.js} +0 -0
- package/dist/es2019/plugins/table/ui/FloatingContextualMenu/index.js +1 -1
- package/dist/es2019/plugins/table/ui/FloatingContextualMenu/{styles.css.js → styles.js} +0 -0
- package/dist/es2019/plugins/table/ui/{common-styles.css.js → common-styles.js} +8 -3
- package/dist/es2019/plugins/table/ui/{ui-styles.css.js → ui-styles.js} +52 -32
- package/dist/es2019/ui/Appearance/Comment/Comment.js +1 -1
- package/dist/es2019/ui/Appearance/FullPage/StyledComponents.js +1 -1
- package/dist/es2019/ui/ContentStyles/index.js +1 -1
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/labs/next/full-page.js +1 -1
- package/dist/esm/plugins/table/ui/FloatingContextualButton/index.js +1 -1
- package/dist/esm/plugins/table/ui/FloatingContextualButton/{styles.css.js → styles.js} +0 -0
- package/dist/esm/plugins/table/ui/FloatingContextualMenu/index.js +1 -1
- package/dist/esm/plugins/table/ui/FloatingContextualMenu/{styles.css.js → styles.js} +0 -0
- package/dist/esm/plugins/table/ui/common-styles.js +27 -0
- package/dist/esm/plugins/table/ui/ui-styles.js +68 -0
- package/dist/esm/ui/Appearance/Comment/Comment.js +1 -1
- package/dist/esm/ui/Appearance/FullPage/StyledComponents.js +1 -1
- package/dist/esm/ui/ContentStyles/index.js +1 -1
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/esm/version.json +1 -1
- package/dist/types/plugins/table/ui/FloatingContextualButton/{styles.css.d.ts → styles.d.ts} +0 -0
- package/dist/types/plugins/table/ui/FloatingContextualMenu/{styles.css.d.ts → styles.d.ts} +0 -0
- package/dist/types/plugins/table/ui/{common-styles.css.d.ts → common-styles.d.ts} +0 -0
- package/dist/types/plugins/table/ui/{ui-styles.css.d.ts → ui-styles.d.ts} +0 -0
- package/package.json +1 -1
- package/dist/cjs/plugins/table/ui/common-styles.css.js +0 -53
- package/dist/esm/plugins/table/ui/common-styles.css.js +0 -27
- package/dist/esm/plugins/table/ui/ui-styles.css.js +0 -68
package/CHANGELOG.md
CHANGED
|
@@ -35,7 +35,7 @@ var _Addon = require("../../ui/Addon");
|
|
|
35
35
|
|
|
36
36
|
var _styles = require("../../ui/styles");
|
|
37
37
|
|
|
38
|
-
var _commonStyles = require("../../plugins/table/ui/common-styles
|
|
38
|
+
var _commonStyles = require("../../plugins/table/ui/common-styles");
|
|
39
39
|
|
|
40
40
|
var _ui2 = _interopRequireDefault(require("../../plugins/collab-edit/ui"));
|
|
41
41
|
|
|
File without changes
|
|
@@ -27,7 +27,7 @@ var _pluginKey = require("../../pm-plugins/plugin-key");
|
|
|
27
27
|
|
|
28
28
|
var _consts = require("../consts");
|
|
29
29
|
|
|
30
|
-
var _styles = require("./styles
|
|
30
|
+
var _styles = require("./styles");
|
|
31
31
|
|
|
32
32
|
var _ContextualMenu = _interopRequireDefault(require("./ContextualMenu"));
|
|
33
33
|
|
|
File without changes
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.tableStyles = exports.tableFullPageEditorStyles = exports.tableCommentEditorStyles = exports.deprecatedTableFullPageEditorStyles = exports.deprecatedTableCommentEditorStyles = void 0;
|
|
9
|
+
|
|
10
|
+
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
11
|
+
|
|
12
|
+
var _react = require("@emotion/react");
|
|
13
|
+
|
|
14
|
+
var _styledComponents = require("styled-components");
|
|
15
|
+
|
|
16
|
+
var _styles = require("@atlaskit/editor-common/styles");
|
|
17
|
+
|
|
18
|
+
var _constants = require("@atlaskit/theme/constants");
|
|
19
|
+
|
|
20
|
+
var _colors = require("@atlaskit/theme/colors");
|
|
21
|
+
|
|
22
|
+
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
23
|
+
|
|
24
|
+
var _styles2 = require("../../../ui/styles");
|
|
25
|
+
|
|
26
|
+
var _types = require("../types");
|
|
27
|
+
|
|
28
|
+
var _consts = require("./consts");
|
|
29
|
+
|
|
30
|
+
var _uiStyles = require("./ui-styles");
|
|
31
|
+
|
|
32
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
33
|
+
|
|
34
|
+
var cornerControlHeight = _consts.tableToolbarSize + 1;
|
|
35
|
+
var rangeSelectionStyles = "\n.".concat(_types.TableCssClassName.NODEVIEW_WRAPPER, ".").concat(_editorSharedStyles.akEditorSelectedNodeClassName, " table tbody tr {\n th,td {\n ").concat((0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Blanket, _editorSharedStyles.SelectionStyle.Border]), "\n }\n}\n");
|
|
36
|
+
var sentinelStyles = ".".concat(_types.TableCssClassName.TABLE_CONTAINER, " {\n > .").concat(_types.TableCssClassName.TABLE_STICKY_SENTINEL_TOP, ", > .").concat(_types.TableCssClassName.TABLE_STICKY_SENTINEL_BOTTOM, " {\n position: absolute;\n width: 100%;\n height: 1px;\n margin-top: -1px;\n // need this to avoid sentinel being focused via keyboard\n // this still allows it to be detected by intersection observer\n visibility: hidden;\n }\n > .").concat(_types.TableCssClassName.TABLE_STICKY_SENTINEL_TOP, " {\n top: ").concat(_consts.columnControlsDecorationHeight, "px;\n }\n > .").concat(_types.TableCssClassName.TABLE_STICKY_SENTINEL_BOTTOM, " {\n bottom: ").concat(_consts.tableScrollbarOffset + _consts.stickyRowOffsetTop + _consts.tablePadding * 2 + 23, "px;\n }\n &.").concat(_types.TableCssClassName.WITH_CONTROLS, " {\n > .").concat(_types.TableCssClassName.TABLE_STICKY_SENTINEL_TOP, " {\n top: 0px;\n }\n > .").concat(_types.TableCssClassName.TABLE_STICKY_SENTINEL_BOTTOM, " {\n margin-bottom: ").concat(_consts.columnControlsDecorationHeight, "px;\n }\n }\n}");
|
|
37
|
+
|
|
38
|
+
var tableStyles = function tableStyles(props) {
|
|
39
|
+
var _props$featureFlags;
|
|
40
|
+
|
|
41
|
+
return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n .", " button {\n background: ", ";\n color: ", ";\n cursor: none;\n }\n\n .", ":not(.", ") button:hover {\n background: ", ";\n color: white !important;\n cursor: pointer;\n }\n\n .ProseMirror {\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n\n .", " {\n margin-bottom: 0;\n }\n\n .", " {\n td.", ", th.", " {\n position: relative;\n overflow: visible;\n }\n\n td.", " {\n background-color: ", ";\n }\n }\n\n .", " {\n ", "\n }\n\n .", " {\n ", "\n }\n\n /* Delete button*/\n ", "\n /* Ends Delete button*/\n\n /* sticky styles */\n .", " .", " .", ":first-child {\n margin-top: ", "px;\n width: ", "px;\n\n position: fixed !important;\n z-index: ", " !important;\n\n box-shadow: 0px -", "px white;\n border-right: 0 none;\n /* top set by NumberColumn component */\n }\n\n .", " .", ".sticky {\n position: fixed !important;\n /* needs to be above row controls */\n z-index: ", " !important;\n background: white;\n\n width: ", "px;\n height: ", "px;\n }\n\n .", ".sticky .", " {\n border-bottom: 0px none;\n border-right: 0px none;\n\n height: ", "px;\n width: ", "px;\n }\n\n .", " .", " {\n z-index: 0;\n }\n\n .", "\n .", "\n .", ".sticky {\n position: fixed !important;\n z-index: ", " !important;\n display: flex;\n border-left: ", "px solid white;\n margin-left: -", "px;\n }\n\n .", " col:first-of-type {\n /* moving rows out of a table layout does weird things in Chrome */\n border-right: 1px solid green;\n }\n\n tr.sticky {\n padding-top: ", "px;\n position: fixed;\n display: grid;\n\n /* to keep it above cell selection */\n z-index: ", ";\n\n overflow-y: visible;\n overflow-x: hidden;\n\n grid-auto-flow: column;\n\n /* background for where controls apply */\n background: white;\n box-sizing: content-box;\n\n margin-top: 2px;\n\n box-shadow: 0 6px 4px -4px ", ";\n margin-left: -1px;\n }\n\n .", " .", " {\n left: unset;\n position: fixed;\n z-index: ", ";\n }\n\n .", ".", "\n .", " {\n padding-bottom: ", "px;\n }\n\n tr.sticky th {\n border-bottom: ", "px solid\n ", ";\n margin-right: -1px;\n }\n\n .", " tr.sticky > th:last-child {\n border-right-width: 1px;\n }\n\n /* add left edge for first cell */\n .", " tr.sticky > th:first-child {\n margin-left: 0px;\n }\n\n /* add a little bit so the scroll lines up with the table */\n .", " tr.sticky::after {\n content: ' ';\n width: 1px;\n }\n\n /* To fix jumpiness caused in Chrome Browsers for sticky headers */\n .", " .sticky + tr {\n min-height: 0px;\n }\n\n /* move resize line a little in sticky bar */\n .", ".", " {\n tr.sticky\n td.", ",\n tr.sticky\n th.", " {\n .", "::after {\n right: ", "px;\n }\n }\n\n /* when selected put it back to normal -- :not selector would be nicer */\n tr.sticky\n td.", ".", ",\n tr.sticky\n th.", ".", " {\n .", "::after {\n right: ", "px;\n }\n }\n }\n\n tr.sticky\n .", ",\n tr.sticky\n .", " {\n z-index: 1;\n }\n\n .", " tr.sticky {\n padding-top: ", "px;\n }\n\n .", ".", "\n .", "\n .", ":first-child {\n margin-top: ", "px;\n }\n\n .", ".sticky {\n border-top: ", "px solid white;\n }\n\n ", "\n ", "\n\n .", " .", " {\n height: 0; // stop overflow flash & set correct height in update-overflow-shadows.ts\n }\n\n .less-padding {\n padding: 0 ", "px;\n\n .", " {\n padding: 0 ", "px;\n }\n\n &.", "[data-number-column='true'] {\n padding-left: ", "px;\n }\n\n .", " {\n left: 6px;\n }\n\n .", " {\n left: calc(100% - 6px);\n }\n }\n\n > .", " {\n /**\n * Prevent margins collapsing, aids with placing the gap-cursor correctly\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing\n *\n * TODO: Enable this, many tests will fail!\n * border-top: 1px solid transparent;\n */\n }\n\n /* Breakout only works on top level */\n > * .", " .", " {\n margin-left: unset !important;\n width: 100% !important;\n }\n\n ", ";\n\n /* Corner controls */\n .", " {\n width: ", "px;\n height: ", "px;\n display: none;\n\n .", " {\n position: relative;\n\n ", ";\n }\n\n .", " {\n position: relative;\n\n ", ";\n }\n }\n\n .", ".sticky {\n .", " {\n /* sticky row insert dot overlaps other row insert and messes things up */\n display: none !important;\n }\n }\n\n .", " {\n position: absolute;\n top: 0;\n width: ", "px;\n height: ", "px;\n border: 1px solid ", ";\n border-radius: 0;\n border-top-left-radius: ", "px;\n background: ", ";\n box-sizing: border-box;\n padding: 0;\n :focus {\n outline: none;\n }\n }\n .active .", " {\n border-color: ", ";\n background: ", ";\n }\n\n .", "[data-number-column='true'] {\n .", ", .", " {\n width: ", "px;\n }\n .", " .", " {\n border-right-width: 0;\n }\n }\n\n :not(.", ") .", ":hover {\n border-color: ", ";\n background: ", ";\n cursor: pointer;\n }\n\n :not(.", ")\n .", ".", " {\n border-color: ", ";\n background: ", ";\n }\n\n /* Row controls */\n .", " {\n width: ", "px;\n box-sizing: border-box;\n display: none;\n position: relative;\n\n ", ";\n\n .", " {\n display: flex;\n flex-direction: column;\n }\n .", ":last-child > button {\n border-bottom-left-radius: ", "px;\n }\n .", " {\n position: relative;\n margin-top: -1px;\n }\n .", ":hover,\n .", ".active,\n .", ":hover {\n z-index: ", ";\n }\n\n ", "\n }\n\n :not(.", ") .", " {\n ", "\n ", "\n }\n\n /* Numbered column */\n .", " {\n position: relative;\n float: right;\n margin-left: ", "px;\n top: ", "px;\n width: ", "px;\n box-sizing: border-box;\n }\n\n .", " {\n border: 1px solid ", ";\n box-sizing: border-box;\n margin-top: -1px;\n padding-bottom: 2px;\n padding: 10px 2px;\n text-align: center;\n font-size: ", ";\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n\n :first-child {\n margin-top: 0;\n }\n :last-child {\n border-bottom: 1px solid ", ";\n }\n }\n\n .", " {\n .", ", .", " {\n display: block;\n }\n .", " {\n padding-left: 1px;\n .", " {\n border-left: 0 none;\n }\n\n .", ".active {\n border-bottom: 1px solid ", ";\n border-color: ", ";\n background-color: ", ";\n position: relative;\n z-index: ", ";\n color: ", ";\n }\n }\n }\n :not(.", ") .", " {\n .", " {\n cursor: pointer;\n }\n .", ":hover {\n border-bottom: 1px solid ", ";\n border-color: ", ";\n background-color: ", ";\n position: relative;\n z-index: ", ";\n color: ", ";\n }\n .", ".", " {\n background-color: ", ";\n border: 1px solid ", ";\n border-left: 0;\n color: ", ";\n position: relative;\n z-index: ", ";\n }\n }\n\n /* Table */\n .", " > table {\n table-layout: fixed;\n\n .", " + * {\n margin-top: 0;\n }\n\n /*\n * Headings have a top margin by default, but we don't want this on the\n * first heading within table header cells.\n *\n * This specifically sets margin-top for the first heading within a header\n * cell when center/right aligned.\n */\n th.", " > .fabric-editor-block-mark {\n > h1:first-child,\n > h2:first-child,\n > h3:first-child,\n > h4:first-child,\n > h5:first-child,\n > h6:first-child {\n margin-top: 0;\n }\n }\n\n .", ", .", " {\n position: relative;\n }\n /* Give selected cells a blue overlay */\n .", "::after,\n .", "::after {\n z-index: ", ";\n position: absolute;\n content: '';\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n opacity: 0.3;\n pointer-events: none;\n }\n .", " {\n border: 1px solid ", ";\n }\n .", "::after {\n background: ", ";\n }\n th.", "::after,\n td.", "::after {\n background: ", ";\n }\n }\n .", " {\n position: absolute;\n /* top of corner control is table margin top - corner control height + 1 pixel of table border. */\n top: ", "px;\n }\n .", ".", " {\n z-index: ", ";\n }\n .", " {\n left: -", "px;\n }\n .", " {\n /*\n compensating for half of the insert column button\n that is aligned to the right edge initially on hover of the top right column control when table overflown,\n its center should be aligned with the edge\n */\n padding-right: ", "px;\n margin-right: -", "px;\n padding-bottom: ", "px;\n margin-bottom: -", "px;\n /* fixes gap cursor height */\n overflow: auto;\n position: relative;\n }\n }\n\n .ProseMirror.", " {\n .", " {\n overflow-x: auto;\n ", ";\n }\n }\n\n .ProseMirror.", " {\n cursor: col-resize;\n }\n"])), _types.TableCssClassName.LAYOUT_BUTTON, _colors.N20A, _colors.N300, _types.TableCssClassName.LAYOUT_BUTTON, _types.TableCssClassName.IS_RESIZING, _colors.B300, (0, _styles.tableSharedStyle)(props), (0, _uiStyles.columnControlsLineMarker)(props), _uiStyles.hoveredDeleteButton, _uiStyles.hoveredCell, _uiStyles.hoveredWarningCell, _uiStyles.resizeHandle, rangeSelectionStyles, _types.TableCssClassName.LAST_ITEM_IN_CELL, _types.TableCssClassName.TABLE_NODE_WRAPPER, _types.TableCssClassName.TABLE_CELL, _types.TableCssClassName.TABLE_HEADER_CELL, _types.TableCssClassName.TABLE_CELL, (0, _consts.tableCellBackgroundColor)(props), _types.TableCssClassName.CONTROLS_FLOATING_BUTTON_COLUMN, _uiStyles.insertColumnButtonWrapper, _types.TableCssClassName.CONTROLS_FLOATING_BUTTON_ROW, _uiStyles.insertRowButtonWrapper, _uiStyles.DeleteButton, _types.TableCssClassName.TABLE_STICKY, _types.TableCssClassName.NUMBERED_COLUMN, _types.TableCssClassName.NUMBERED_COLUMN_BUTTON, _consts.stickyRowOffsetTop + 2, _editorSharedStyles.akEditorTableNumberColumnWidth, _editorSharedStyles.akEditorStickyHeaderZIndex, _consts.stickyRowOffsetTop, _types.TableCssClassName.TABLE_STICKY, _types.TableCssClassName.CORNER_CONTROLS, _editorSharedStyles.akEditorSmallZIndex, _consts.tableToolbarSize, _consts.tableToolbarSize, _types.TableCssClassName.CORNER_CONTROLS, _types.TableCssClassName.CONTROLS_CORNER_BUTTON, _consts.tableToolbarSize, _consts.tableToolbarSize, _types.TableCssClassName.TABLE_STICKY, _types.TableCssClassName.COLUMN_CONTROLS_DECORATIONS, _types.TableCssClassName.TABLE_STICKY, _types.TableCssClassName.ROW_CONTROLS, _types.TableCssClassName.ROW_CONTROLS_BUTTON_WRAP, _editorSharedStyles.akEditorStickyHeaderZIndex, _consts.tableToolbarSize, _consts.tableToolbarSize, _types.TableCssClassName.TABLE_STICKY, _consts.stickyRowOffsetTop, _consts.stickyRowZIndex, _colors.N40A, _types.TableCssClassName.TABLE_STICKY, _types.TableCssClassName.TABLE_STICKY_SHADOW, _consts.stickyRowZIndex + 1, _types.TableCssClassName.WITH_CONTROLS, _types.TableCssClassName.TABLE_STICKY, _types.TableCssClassName.TABLE_STICKY_SHADOW, _consts.tableToolbarSize, _consts.stickyHeaderBorderBottomWidth, (0, _consts.tableBorderColor)(props), _types.TableCssClassName.TABLE_STICKY, _types.TableCssClassName.TABLE_STICKY, _types.TableCssClassName.TABLE_STICKY, _types.TableCssClassName.TABLE_STICKY, _types.TableCssClassName.TABLE_CONTAINER, _types.TableCssClassName.TABLE_STICKY, _types.TableCssClassName.WITH_RESIZE_LINE, _types.TableCssClassName.WITH_RESIZE_LINE, _types.TableCssClassName.RESIZE_HANDLE_DECORATION, (_consts.resizeHandlerAreaWidth - _consts.resizeLineWidth) / 2 + 1, _types.TableCssClassName.WITH_RESIZE_LINE, _types.TableCssClassName.SELECTED_CELL, _types.TableCssClassName.WITH_RESIZE_LINE, _types.TableCssClassName.SELECTED_CELL, _types.TableCssClassName.RESIZE_HANDLE_DECORATION, (_consts.resizeHandlerAreaWidth - _consts.resizeLineWidth) / 2, _types.TableCssClassName.HOVERED_CELL, _types.TableCssClassName.SELECTED_CELL, _types.TableCssClassName.WITH_CONTROLS, _consts.tableControlsSpacing, _types.TableCssClassName.WITH_CONTROLS, _types.TableCssClassName.TABLE_STICKY, _types.TableCssClassName.NUMBERED_COLUMN, _types.TableCssClassName.NUMBERED_COLUMN_BUTTON, _consts.tableControlsSpacing + 2, _types.TableCssClassName.CORNER_CONTROLS, _consts.tableControlsSpacing - _consts.tableToolbarSize + 2, (_props$featureFlags = props.featureFlags) !== null && _props$featureFlags !== void 0 && _props$featureFlags.stickyHeadersOptimization ? sentinelStyles : '', (0, _uiStyles.OverflowShadow)(props), _types.TableCssClassName.TABLE_STICKY, _types.TableCssClassName.TABLE_STICKY_SHADOW, _consts.tablePadding, _types.TableCssClassName.ROW_CONTROLS_WRAPPER, _consts.tablePadding, _types.TableCssClassName.TABLE_CONTAINER, _editorSharedStyles.akEditorTableNumberColumnWidth + _consts.tablePadding - 1, _types.TableCssClassName.TABLE_LEFT_SHADOW, _types.TableCssClassName.TABLE_RIGHT_SHADOW, _types.TableCssClassName.NODEVIEW_WRAPPER, _types.TableCssClassName.NODEVIEW_WRAPPER, _types.TableCssClassName.TABLE_CONTAINER, (0, _uiStyles.columnControlsDecoration)(props), _types.TableCssClassName.CORNER_CONTROLS, _consts.tableToolbarSize + 1, cornerControlHeight, _types.TableCssClassName.CORNER_CONTROLS_INSERT_ROW_MARKER, (0, _uiStyles.InsertMarker)(props, "\n left: -11px;\n top: 9px;\n "), _types.TableCssClassName.CORNER_CONTROLS_INSERT_COLUMN_MARKER, (0, _uiStyles.InsertMarker)(props, "\n right: -1px;\n top: -12px;\n "), _types.TableCssClassName.CORNER_CONTROLS, _types.TableCssClassName.CORNER_CONTROLS_INSERT_ROW_MARKER, _types.TableCssClassName.CONTROLS_CORNER_BUTTON, _consts.tableToolbarSize + 1, _consts.tableToolbarSize + 1, (0, _consts.tableBorderColor)(props), _consts.tableBorderRadiusSize, (0, _consts.tableToolbarColor)(props), _types.TableCssClassName.CONTROLS_CORNER_BUTTON, _consts.tableBorderSelectedColor, _consts.tableToolbarSelectedColor, _types.TableCssClassName.TABLE_CONTAINER, _types.TableCssClassName.CORNER_CONTROLS, _types.TableCssClassName.CONTROLS_CORNER_BUTTON, _editorSharedStyles.akEditorTableToolbarSize + _editorSharedStyles.akEditorTableNumberColumnWidth, _types.TableCssClassName.ROW_CONTROLS, _types.TableCssClassName.CONTROLS_BUTTON, _types.TableCssClassName.IS_RESIZING, _types.TableCssClassName.CONTROLS_CORNER_BUTTON, _consts.tableBorderSelectedColor, _consts.tableToolbarSelectedColor, _types.TableCssClassName.IS_RESIZING, _types.TableCssClassName.CONTROLS_CORNER_BUTTON, _types.TableCssClassName.HOVERED_CELL_IN_DANGER, _consts.tableBorderDeleteColor, _consts.tableToolbarDeleteColor, _types.TableCssClassName.ROW_CONTROLS, _consts.tableToolbarSize, (0, _uiStyles.InsertMarker)(props, "\n bottom: -1px;\n left: -11px;\n "), _types.TableCssClassName.ROW_CONTROLS_INNER, _types.TableCssClassName.ROW_CONTROLS_BUTTON_WRAP, _consts.tableBorderRadiusSize, _types.TableCssClassName.ROW_CONTROLS_BUTTON_WRAP, _types.TableCssClassName.ROW_CONTROLS_BUTTON_WRAP, _types.TableCssClassName.ROW_CONTROLS_BUTTON_WRAP, _types.TableCssClassName.CONTROLS_BUTTON, _editorSharedStyles.akEditorUnitZIndex, (0, _uiStyles.HeaderButton)(props, "\n border-bottom: 1px solid ".concat((0, _consts.tableBorderColor)(props), ";\n border-right: 0px;\n border-radius: 0;\n height: 100%;\n width: ").concat(_consts.tableToolbarSize, "px;\n\n .").concat(_types.TableCssClassName.CONTROLS_BUTTON_OVERLAY, " {\n position: absolute;\n width: 30px;\n height: 50%;\n right: 0;\n bottom: 0;\n }\n .").concat(_types.TableCssClassName.CONTROLS_BUTTON_OVERLAY, ":first-child {\n top: 0;\n }\n ")), _types.TableCssClassName.IS_RESIZING, _types.TableCssClassName.ROW_CONTROLS, (0, _uiStyles.HeaderButtonHover)(), (0, _uiStyles.HeaderButtonDanger)(), _types.TableCssClassName.NUMBERED_COLUMN, _editorSharedStyles.akEditorTableToolbarSize - 1, _editorSharedStyles.akEditorTableToolbarSize, _editorSharedStyles.akEditorTableNumberColumnWidth + 1, _types.TableCssClassName.NUMBERED_COLUMN_BUTTON, (0, _consts.tableBorderColor)(props), (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()), (0, _consts.tableToolbarColor)(props), (0, _consts.tableTextColor)(props), (0, _consts.tableBorderColor)(props), (0, _consts.tableBorderColor)(props), _types.TableCssClassName.WITH_CONTROLS, _types.TableCssClassName.CORNER_CONTROLS, _types.TableCssClassName.ROW_CONTROLS, _types.TableCssClassName.NUMBERED_COLUMN, _types.TableCssClassName.NUMBERED_COLUMN_BUTTON, _types.TableCssClassName.NUMBERED_COLUMN_BUTTON, _consts.tableBorderSelectedColor, _consts.tableBorderSelectedColor, _consts.tableToolbarSelectedColor, _editorSharedStyles.akEditorUnitZIndex, _colors.N0, _types.TableCssClassName.IS_RESIZING, _types.TableCssClassName.WITH_CONTROLS, _types.TableCssClassName.NUMBERED_COLUMN_BUTTON, _types.TableCssClassName.NUMBERED_COLUMN_BUTTON, _consts.tableBorderSelectedColor, _consts.tableBorderSelectedColor, _consts.tableToolbarSelectedColor, _editorSharedStyles.akEditorUnitZIndex, _colors.N0, _types.TableCssClassName.NUMBERED_COLUMN_BUTTON, _types.TableCssClassName.HOVERED_CELL_IN_DANGER, _consts.tableToolbarDeleteColor, _consts.tableBorderDeleteColor, _colors.R500, _editorSharedStyles.akEditorUnitZIndex, _types.TableCssClassName.TABLE_NODE_WRAPPER, _types.TableCssClassName.COLUMN_CONTROLS_DECORATIONS, _types.TableCssClassName.TABLE_HEADER_CELL, _types.TableCssClassName.SELECTED_CELL, _types.TableCssClassName.HOVERED_CELL_IN_DANGER, _types.TableCssClassName.SELECTED_CELL, _types.TableCssClassName.HOVERED_CELL_IN_DANGER, _editorSharedStyles.akEditorSmallZIndex, _types.TableCssClassName.SELECTED_CELL, _consts.tableBorderSelectedColor, _types.TableCssClassName.SELECTED_CELL, _consts.tableCellSelectedColor, _types.TableCssClassName.HOVERED_CELL_IN_DANGER, _types.TableCssClassName.HOVERED_CELL_IN_DANGER, _consts.tableCellDeleteColor, _types.TableCssClassName.ROW_CONTROLS_WRAPPER, _styles.tableMarginTop - cornerControlHeight + 1, _types.TableCssClassName.ROW_CONTROLS_WRAPPER, _types.TableCssClassName.TABLE_LEFT_SHADOW, _editorSharedStyles.akEditorUnitZIndex, _types.TableCssClassName.ROW_CONTROLS_WRAPPER, _consts.tableToolbarSize, _types.TableCssClassName.TABLE_NODE_WRAPPER, _consts.tableInsertColumnButtonSize / 2, _consts.tableInsertColumnButtonSize / 2, _consts.tableScrollbarOffset, _consts.tableScrollbarOffset, _types.TableCssClassName.IS_RESIZING, _types.TableCssClassName.TABLE_NODE_WRAPPER, _styles2.scrollbarStyles, _types.TableCssClassName.RESIZE_CURSOR);
|
|
42
|
+
};
|
|
43
|
+
|
|
44
|
+
exports.tableStyles = tableStyles;
|
|
45
|
+
var tableFullPageEditorStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n .ProseMirror .", " > table {\n margin-left: 0;\n margin-right: 0;\n width: 100%;\n }\n"])), _types.TableCssClassName.TABLE_NODE_WRAPPER);
|
|
46
|
+
exports.tableFullPageEditorStyles = tableFullPageEditorStyles;
|
|
47
|
+
var deprecatedTableFullPageEditorStyles = (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n .ProseMirror .", " > table {\n margin-left: 0;\n margin-right: 0;\n width: 100%;\n }\n"])), _types.TableCssClassName.TABLE_NODE_WRAPPER);
|
|
48
|
+
exports.deprecatedTableFullPageEditorStyles = deprecatedTableFullPageEditorStyles;
|
|
49
|
+
var tableCommentEditorStyles = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n .ProseMirror .", " > table {\n margin-left: 0;\n margin-right: 0;\n ", ";\n }\n"])), _types.TableCssClassName.TABLE_NODE_WRAPPER, _styles2.scrollbarStyles); // TODO remove this after migrated off styled-component
|
|
50
|
+
|
|
51
|
+
exports.tableCommentEditorStyles = tableCommentEditorStyles;
|
|
52
|
+
var deprecatedTableCommentEditorStyles = (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n .ProseMirror .", " > table {\n margin-left: 0;\n margin-right: 0;\n ", ";\n }\n"])), _types.TableCssClassName.TABLE_NODE_WRAPPER, _styles2.scrollbarStyles);
|
|
53
|
+
exports.deprecatedTableCommentEditorStyles = deprecatedTableCommentEditorStyles;
|
|
@@ -40,7 +40,7 @@ var InsertMarker = function InsertMarker(props, cssString) {
|
|
|
40
40
|
exports.InsertMarker = InsertMarker;
|
|
41
41
|
|
|
42
42
|
var Button = function Button(cssString) {
|
|
43
|
-
return (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n border-radius: ", "px;\n border-width: 0px;\n display: inline-flex;\n max-width: 100%;\n text-align: center;\n margin: 0px;\n padding: 0px;\n text-decoration: none;\n transition: background 0.1s ease-out 0s
|
|
43
|
+
return (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n border-radius: ", "px;\n border-width: 0px;\n display: inline-flex;\n max-width: 100%;\n text-align: center;\n margin: 0px;\n padding: 0px;\n text-decoration: none;\n transition: background 0.1s ease-out 0s,\n box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s;\n outline: none !important;\n cursor: none;\n\n > .", " {\n display: inline-flex;\n max-height: 100%;\n max-width: 100%;\n }\n ", "\n"])), (0, _constants.borderRadius)(), _types.TableCssClassName.CONTROLS_BUTTON_ICON, cssString);
|
|
44
44
|
};
|
|
45
45
|
|
|
46
46
|
var HeaderButton = function HeaderButton(props, cssString) {
|
|
@@ -62,7 +62,7 @@ var HeaderButtonDanger = function HeaderButtonDanger() {
|
|
|
62
62
|
exports.HeaderButtonDanger = HeaderButtonDanger;
|
|
63
63
|
|
|
64
64
|
var InsertButton = function InsertButton() {
|
|
65
|
-
return (0, _react.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n .", " {\n position: absolute;\n z-index: ", ";\n bottom: 0;\n }\n .", ",\n
|
|
65
|
+
return (0, _react.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n .", " {\n position: absolute;\n z-index: ", ";\n bottom: 0;\n }\n .", ",\n .", " {\n height: ", "px;\n width: ", "px;\n }\n .", " {\n ", "\n }\n .", " {\n display: none;\n }\n &:hover .", " {\n display: flex;\n }\n"])), _types.TableCssClassName.CONTROLS_INSERT_BUTTON_INNER, _editorSharedStyles.akEditorUnitZIndex + 10, _types.TableCssClassName.CONTROLS_INSERT_BUTTON_INNER, _types.TableCssClassName.CONTROLS_INSERT_BUTTON, _consts.tableInsertColumnButtonSize, _consts.tableInsertColumnButtonSize, _types.TableCssClassName.CONTROLS_INSERT_BUTTON, Button("\n background: white;\n box-shadow: 0 4px 8px -2px ".concat(_colors.N60A, ", 0 0 1px ").concat(_colors.N60A, ";\n color: ").concat(_colors.N300, ";\n ")), _types.TableCssClassName.CONTROLS_INSERT_LINE, _types.TableCssClassName.CONTROLS_INSERT_LINE);
|
|
66
66
|
};
|
|
67
67
|
|
|
68
68
|
var InsertButtonHover = function InsertButtonHover() {
|
|
@@ -75,15 +75,15 @@ var insertRowButtonWrapper = (0, _react.css)(_templateObject11 || (_templateObje
|
|
|
75
75
|
exports.insertRowButtonWrapper = insertRowButtonWrapper;
|
|
76
76
|
|
|
77
77
|
var columnControlsLineMarker = function columnControlsLineMarker(props) {
|
|
78
|
-
return (0, _react.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n .", ".", "
|
|
78
|
+
return (0, _react.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n .", ".", "\n table\n tr:first-child\n td,\n .", ".", "\n table\n tr:first-child\n th {\n position: relative;\n\n &::before {\n content: ' ';\n ", ";\n top: -", "px;\n right: -", "px;\n }\n }\n"])), _types.TableCssClassName.TABLE_CONTAINER, _types.TableCssClassName.WITH_CONTROLS, _types.TableCssClassName.TABLE_CONTAINER, _types.TableCssClassName.WITH_CONTROLS, Marker(props), _consts.tableToolbarSize + _consts.lineMarkerOffsetFromColumnControls, _consts.lineMarkerSize / 2);
|
|
79
79
|
};
|
|
80
80
|
|
|
81
81
|
exports.columnControlsLineMarker = columnControlsLineMarker;
|
|
82
|
-
var DeleteButton = (0, _react.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n .", ",\n
|
|
82
|
+
var DeleteButton = (0, _react.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n .", ",\n .", " {\n height: ", "px;\n width: ", "px;\n }\n .", " {\n .", " {\n ", "\n }\n }\n\n .", ":hover {\n background: ", ";\n color: white;\n cursor: pointer;\n }\n"])), _types.TableCssClassName.CONTROLS_DELETE_BUTTON_WRAP, _types.TableCssClassName.CONTROLS_DELETE_BUTTON, _consts.tableDeleteButtonSize, _consts.tableDeleteButtonSize, _types.TableCssClassName.CONTROLS_DELETE_BUTTON_WRAP, _types.TableCssClassName.CONTROLS_DELETE_BUTTON, Button("\n background: ".concat(_colors.N20A, ";\n color: ").concat(_colors.N300, ";\n ")), _types.TableCssClassName.CONTROLS_DELETE_BUTTON, _colors.R300);
|
|
83
83
|
exports.DeleteButton = DeleteButton;
|
|
84
84
|
|
|
85
85
|
var OverflowShadow = function OverflowShadow(props) {
|
|
86
|
-
return (0, _react.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n .", "
|
|
86
|
+
return (0, _react.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n .", ", .", " {\n display: block;\n height: calc(\n 100% - ", "px\n );\n position: absolute;\n pointer-events: none;\n top: ", "px;\n z-index: ", ";\n width: 8px;\n }\n .", " {\n background: linear-gradient(to left, rgba(99, 114, 130, 0) 0, ", " 100%);\n left: 0px;\n }\n .", "[data-number-column='true'] > :not(.", ").", " {\n left: ", "px;\n }\n .", " {\n background: linear-gradient(\n to right,\n rgba(99, 114, 130, 0) 0,\n ", " 100%\n );\n left: calc(100% + 2px);\n }\n .", " {\n .", ", .", " {\n height: calc(100% - ", "px);\n top: ", "px;\n }\n .", " {\n border-left: 1px solid ", ";\n }\n }\n .", ".", " {\n .", ", .", " {\n top: ", "px;\n }\n }\n"])), _types.TableCssClassName.TABLE_RIGHT_SHADOW, _types.TableCssClassName.TABLE_LEFT_SHADOW, _styles.tableMarginTop + _styles.tableMarginBottom + _consts.tableToolbarSize - 2, _styles.tableMarginTop + _consts.tableToolbarSize - 1, _editorSharedStyles.akEditorShadowZIndex, _types.TableCssClassName.TABLE_LEFT_SHADOW, _colors.N40A, _types.TableCssClassName.TABLE_CONTAINER, _types.TableCssClassName.TABLE_STICKY_SHADOW, _types.TableCssClassName.TABLE_LEFT_SHADOW, _editorSharedStyles.akEditorTableNumberColumnWidth - 1, _types.TableCssClassName.TABLE_RIGHT_SHADOW, _colors.N40A, _types.TableCssClassName.WITH_CONTROLS, _types.TableCssClassName.TABLE_RIGHT_SHADOW, _types.TableCssClassName.TABLE_LEFT_SHADOW, _styles.tableMarginTop + _styles.tableMarginBottom - 2, _styles.tableMarginTop - 1, _types.TableCssClassName.TABLE_LEFT_SHADOW, (0, _consts.tableBorderColor)(props), _types.TableCssClassName.WITH_CONTROLS, _types.TableCssClassName.TABLE_STICKY, _types.TableCssClassName.TABLE_RIGHT_SHADOW, _types.TableCssClassName.TABLE_LEFT_SHADOW, _consts.tableControlsSpacing);
|
|
87
87
|
};
|
|
88
88
|
|
|
89
89
|
exports.OverflowShadow = OverflowShadow;
|
|
@@ -95,15 +95,15 @@ var columnHeaderButton = function columnHeaderButton(props, cssString) {
|
|
|
95
95
|
var columnHeaderButtonSelected = (0, _react.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n background-color: ", ";\n border-color: ", ";\n z-index: ", ";\n"])), _colors.N0, _consts.tableToolbarSelectedColor, _consts.tableBorderSelectedColor, _consts.columnControlsSelectedZIndex);
|
|
96
96
|
|
|
97
97
|
var columnControlsDecoration = function columnControlsDecoration(props) {
|
|
98
|
-
return (0, _react.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n .", " {\n display: none;\n cursor: pointer;\n position: absolute;\n width: calc(100% + ", "px);\n left: -1px;\n top: -", "px;\n height: ", "px;\n\n &::after {\n content: ' ';\n\n ", "\n }\n }\n\n .", " .", " {\n display: block;\n }\n\n table
|
|
98
|
+
return (0, _react.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n .", " {\n display: none;\n cursor: pointer;\n position: absolute;\n width: calc(100% + ", "px);\n left: -1px;\n top: -", "px;\n height: ", "px;\n\n &::after {\n content: ' ';\n\n ", "\n }\n }\n\n .", " .", " {\n display: block;\n }\n\n table\n tr:first-child\n td.", ",\n table\n tr:first-child\n th.", " {\n &.", ",\n &.", ",\n &.", " {\n .", "::after {\n ", ";\n }\n\n &.", "\n .", "::after {\n background-color: ", ";\n border: 1px solid ", ";\n border-bottom: none;\n z-index: ", ";\n }\n }\n }\n\n .", "\n table\n tr:first-child\n td.", ",\n .", "\n table\n tr:first-child\n th.", " {\n .", "::after {\n ", ";\n }\n }\n"])), _types.TableCssClassName.COLUMN_CONTROLS_DECORATIONS, _styles.tableCellBorderWidth * 2, _consts.columnControlsDecorationHeight + _styles.tableCellBorderWidth, _consts.columnControlsDecorationHeight, columnHeaderButton(props, "\n border-right: ".concat(_styles.tableCellBorderWidth, "px solid ").concat((0, _consts.tableBorderColor)(props), ";\n border-bottom: none;\n height: ").concat(_consts.tableToolbarSize, "px;\n width: 100%;\n position: absolute;\n top: ").concat(_consts.columnControlsDecorationHeight - _consts.tableToolbarSize, "px;\n left: 0px;\n z-index: ").concat(_consts.columnControlsZIndex, ";\n ")), _types.TableCssClassName.WITH_CONTROLS, _types.TableCssClassName.COLUMN_CONTROLS_DECORATIONS, _types.TableCssClassName.TABLE_CELL, _types.TableCssClassName.TABLE_HEADER_CELL, _types.TableCssClassName.COLUMN_SELECTED, _types.TableCssClassName.HOVERED_COLUMN, _types.TableCssClassName.HOVERED_TABLE, _types.TableCssClassName.COLUMN_CONTROLS_DECORATIONS, columnHeaderButtonSelected, _types.TableCssClassName.HOVERED_CELL_IN_DANGER, _types.TableCssClassName.COLUMN_CONTROLS_DECORATIONS, _consts.tableToolbarDeleteColor, _consts.tableBorderDeleteColor, _editorSharedStyles.akEditorUnitZIndex * 100, _types.TableCssClassName.TABLE_SELECTED, _types.TableCssClassName.TABLE_CELL, _types.TableCssClassName.TABLE_SELECTED, _types.TableCssClassName.TABLE_HEADER_CELL, _types.TableCssClassName.COLUMN_CONTROLS_DECORATIONS, columnHeaderButtonSelected);
|
|
99
99
|
};
|
|
100
100
|
|
|
101
101
|
exports.columnControlsDecoration = columnControlsDecoration;
|
|
102
|
-
var hoveredDeleteButton = (0, _react.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n .", ".", " {\n .", ",\n
|
|
102
|
+
var hoveredDeleteButton = (0, _react.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n .", ".", " {\n .", ",\n .", ",\n .", " {\n border: 1px solid ", ";\n }\n .", "::after {\n background: ", ";\n }\n }\n"])), _types.TableCssClassName.TABLE_CONTAINER, _types.TableCssClassName.HOVERED_DELETE_BUTTON, _types.TableCssClassName.SELECTED_CELL, _types.TableCssClassName.COLUMN_SELECTED, _types.TableCssClassName.HOVERED_CELL, _consts.tableBorderDeleteColor, _types.TableCssClassName.SELECTED_CELL, _consts.tableCellDeleteColor);
|
|
103
103
|
exports.hoveredDeleteButton = hoveredDeleteButton;
|
|
104
|
-
var hoveredCell = (0, _react.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n :not(.", ")
|
|
104
|
+
var hoveredCell = (0, _react.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n :not(.", ")\n .", ":not(.", ") {\n .", " {\n position: relative;\n border: 1px solid ", ";\n }\n }\n"])), _types.TableCssClassName.IS_RESIZING, _types.TableCssClassName.TABLE_CONTAINER, _types.TableCssClassName.HOVERED_DELETE_BUTTON, _types.TableCssClassName.HOVERED_CELL, _consts.tableBorderSelectedColor);
|
|
105
105
|
exports.hoveredCell = hoveredCell;
|
|
106
|
-
var hoveredWarningCell = (0, _react.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["\n :not(.", ")
|
|
106
|
+
var hoveredWarningCell = (0, _react.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["\n :not(.", ")\n .", ":not(.", ") {\n td.", " {\n background-color: ", " !important; // We need to override the background-color added to the cell\n border: 1px solid ", ";\n }\n }\n"])), _types.TableCssClassName.IS_RESIZING, _types.TableCssClassName.TABLE_CONTAINER, _types.TableCssClassName.HOVERED_DELETE_BUTTON, _types.TableCssClassName.HOVERED_CELL_WARNING, _colors.Y50, _colors.Y200);
|
|
107
107
|
exports.hoveredWarningCell = hoveredWarningCell;
|
|
108
|
-
var resizeHandle = (0, _react.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)(["\n .", " {\n .", " {\n background-color: transparent;\n position: absolute;\n width: ", "px;\n height: 100%;\n top: 0;\n right: -", "px;\n cursor: col-resize;\n z-index: ", ";\n }\n\n td.", "
|
|
108
|
+
var resizeHandle = (0, _react.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)(["\n .", " {\n .", " {\n background-color: transparent;\n position: absolute;\n width: ", "px;\n height: 100%;\n top: 0;\n right: -", "px;\n cursor: col-resize;\n z-index: ", ";\n }\n\n td.", ", th.", " {\n .", "::after {\n content: ' ';\n right: ", "px;\n position: absolute;\n width: ", "px;\n height: calc(100% + 1px);\n background-color: ", ";\n z-index: ", ";\n top: 0;\n }\n }\n\n table\n tr:first-child\n th.", "\n .", "::after,\n table\n tr:first-child\n td.", "\n .", "::after {\n top: -", "px;\n height: calc(100% + ", "px);\n }\n }\n"])), _types.TableCssClassName.TABLE_CONTAINER, _types.TableCssClassName.RESIZE_HANDLE_DECORATION, _consts.resizeHandlerAreaWidth, _consts.resizeHandlerAreaWidth / 2, _consts.resizeHandlerZIndex, _types.TableCssClassName.WITH_RESIZE_LINE, _types.TableCssClassName.WITH_RESIZE_LINE, _types.TableCssClassName.RESIZE_HANDLE_DECORATION, (_consts.resizeHandlerAreaWidth - _consts.resizeLineWidth) / 2, _consts.resizeLineWidth, _consts.tableBorderSelectedColor, _consts.columnControlsZIndex * 2, _types.TableCssClassName.WITH_RESIZE_LINE, _types.TableCssClassName.RESIZE_HANDLE_DECORATION, _types.TableCssClassName.WITH_RESIZE_LINE, _types.TableCssClassName.RESIZE_HANDLE_DECORATION, _consts.tableToolbarSize + _styles.tableCellBorderWidth, _consts.tableToolbarSize + _styles.tableCellBorderWidth);
|
|
109
109
|
exports.resizeHandle = resizeHandle;
|
|
@@ -49,7 +49,7 @@ var _pluginKey = require("../../../plugins/media/pm-plugins/plugin-key");
|
|
|
49
49
|
|
|
50
50
|
var _Addon = require("../../Addon");
|
|
51
51
|
|
|
52
|
-
var _commonStyles = require("../../../plugins/table/ui/common-styles
|
|
52
|
+
var _commonStyles = require("../../../plugins/table/ui/common-styles");
|
|
53
53
|
|
|
54
54
|
var _WithFlash = _interopRequireDefault(require("../../WithFlash"));
|
|
55
55
|
|
|
@@ -17,7 +17,7 @@ var _adfSchema = require("@atlaskit/adf-schema");
|
|
|
17
17
|
|
|
18
18
|
var _ContentStyles = _interopRequireDefault(require("../../ContentStyles"));
|
|
19
19
|
|
|
20
|
-
var _commonStyles = require("../../../plugins/table/ui/common-styles
|
|
20
|
+
var _commonStyles = require("../../../plugins/table/ui/common-styles");
|
|
21
21
|
|
|
22
22
|
var _consts = require("../../../plugins/table/ui/consts");
|
|
23
23
|
|
|
@@ -29,7 +29,7 @@ var _styles3 = require("../../plugins/collab-edit/styles");
|
|
|
29
29
|
|
|
30
30
|
var _styles4 = require("../../plugins/selection/gap-cursor/styles");
|
|
31
31
|
|
|
32
|
-
var _commonStyles = require("../../plugins/table/ui/common-styles
|
|
32
|
+
var _commonStyles = require("../../plugins/table/ui/common-styles");
|
|
33
33
|
|
|
34
34
|
var _styles5 = require("../../plugins/placeholder/styles");
|
|
35
35
|
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.version = exports.nextMajorVersion = exports.name = void 0;
|
|
7
7
|
var name = "@atlaskit/editor-core";
|
|
8
8
|
exports.name = name;
|
|
9
|
-
var version = "162.0.
|
|
9
|
+
var version = "162.0.1";
|
|
10
10
|
exports.version = version;
|
|
11
11
|
|
|
12
12
|
var nextMajorVersion = function nextMajorVersion() {
|
package/dist/cjs/version.json
CHANGED
|
@@ -10,7 +10,7 @@ import ContentStyles from '../../ui/ContentStyles';
|
|
|
10
10
|
import WidthEmitter from '../../ui/WidthEmitter';
|
|
11
11
|
import { ClickAreaBlock } from '../../ui/Addon';
|
|
12
12
|
import { scrollbarStyles } from '../../ui/styles';
|
|
13
|
-
import { deprecatedTableFullPageEditorStyles } from '../../plugins/table/ui/common-styles
|
|
13
|
+
import { deprecatedTableFullPageEditorStyles } from '../../plugins/table/ui/common-styles';
|
|
14
14
|
import AvatarsWithPluginState from '../../plugins/collab-edit/ui';
|
|
15
15
|
import { Editor, EditorContent, useEditorSharedConfig } from './Editor';
|
|
16
16
|
import { Toolbar } from './Toolbar';
|
|
@@ -13,7 +13,7 @@ import { TableCssClassName as ClassName } from '../../types';
|
|
|
13
13
|
import messages from '../../ui/messages';
|
|
14
14
|
import { CONTENT_COMPONENT } from '../../../analytics/types';
|
|
15
15
|
import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../../../analytics';
|
|
16
|
-
import { tableFloatingCellButtonStyles } from './styles
|
|
16
|
+
import { tableFloatingCellButtonStyles } from './styles';
|
|
17
17
|
import { ErrorBoundary } from '../../../../ui/ErrorBoundary';
|
|
18
18
|
const ButtonWrapper = styled.div`
|
|
19
19
|
${tableFloatingCellButtonStyles}
|
|
File without changes
|
|
@@ -7,7 +7,7 @@ import { akEditorFloatingOverlapPanelZIndex } from '@atlaskit/editor-shared-styl
|
|
|
7
7
|
import { getPluginState } from '../../pm-plugins/plugin-factory';
|
|
8
8
|
import { pluginKey } from '../../pm-plugins/plugin-key';
|
|
9
9
|
import { contextualMenuDropdownWidth, contextualMenuTriggerSize } from '../consts';
|
|
10
|
-
import { tablePopupStyles } from './styles
|
|
10
|
+
import { tablePopupStyles } from './styles';
|
|
11
11
|
import ContextualMenu from './ContextualMenu';
|
|
12
12
|
const MenuWrapper = styled.div`
|
|
13
13
|
${tablePopupStyles}
|
|
File without changes
|
|
@@ -7,7 +7,7 @@ import { SelectionStyle, getSelectionStyles, akEditorSmallZIndex, akEditorTableN
|
|
|
7
7
|
import { scrollbarStyles } from '../../../ui/styles';
|
|
8
8
|
import { TableCssClassName as ClassName } from '../types';
|
|
9
9
|
import { tableCellBackgroundColor, tableToolbarColor, tableBorderColor, tableCellSelectedColor, tableToolbarSelectedColor, tableBorderSelectedColor, tableCellDeleteColor, tableBorderDeleteColor, tableToolbarDeleteColor, tableBorderRadiusSize, tablePadding, tableScrollbarOffset, resizeHandlerAreaWidth, resizeLineWidth, tableToolbarSize, tableInsertColumnButtonSize, tableControlsSpacing, tableTextColor, stickyRowZIndex, columnControlsDecorationHeight, stickyRowOffsetTop, stickyHeaderBorderBottomWidth } from './consts';
|
|
10
|
-
import { HeaderButton, HeaderButtonHover, HeaderButtonDanger, insertColumnButtonWrapper, insertRowButtonWrapper, columnControlsLineMarker, DeleteButton, OverflowShadow, columnControlsDecoration, hoveredDeleteButton, hoveredCell, hoveredWarningCell, resizeHandle, InsertMarker } from './ui-styles
|
|
10
|
+
import { HeaderButton, HeaderButtonHover, HeaderButtonDanger, insertColumnButtonWrapper, insertRowButtonWrapper, columnControlsLineMarker, DeleteButton, OverflowShadow, columnControlsDecoration, hoveredDeleteButton, hoveredCell, hoveredWarningCell, resizeHandle, InsertMarker } from './ui-styles';
|
|
11
11
|
const cornerControlHeight = tableToolbarSize + 1;
|
|
12
12
|
const rangeSelectionStyles = `
|
|
13
13
|
.${ClassName.NODEVIEW_WRAPPER}.${akEditorSelectedNodeClassName} table tbody tr {
|
|
@@ -187,7 +187,7 @@ export const tableStyles = props => {
|
|
|
187
187
|
border-right-width: 1px;
|
|
188
188
|
}
|
|
189
189
|
|
|
190
|
-
|
|
190
|
+
/* add left edge for first cell */
|
|
191
191
|
.${ClassName.TABLE_STICKY} tr.sticky > th:first-child {
|
|
192
192
|
margin-left: 0px;
|
|
193
193
|
}
|
|
@@ -506,7 +506,12 @@ export const tableStyles = props => {
|
|
|
506
506
|
* cell when center/right aligned.
|
|
507
507
|
*/
|
|
508
508
|
th.${ClassName.TABLE_HEADER_CELL} > .fabric-editor-block-mark {
|
|
509
|
-
> h1:first-child,
|
|
509
|
+
> h1:first-child,
|
|
510
|
+
> h2:first-child,
|
|
511
|
+
> h3:first-child,
|
|
512
|
+
> h4:first-child,
|
|
513
|
+
> h5:first-child,
|
|
514
|
+
> h6:first-child {
|
|
510
515
|
margin-top: 0;
|
|
511
516
|
}
|
|
512
517
|
}
|
|
@@ -41,7 +41,8 @@ const Button = cssString => css`
|
|
|
41
41
|
margin: 0px;
|
|
42
42
|
padding: 0px;
|
|
43
43
|
text-decoration: none;
|
|
44
|
-
transition: background 0.1s ease-out 0s,
|
|
44
|
+
transition: background 0.1s ease-out 0s,
|
|
45
|
+
box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s;
|
|
45
46
|
outline: none !important;
|
|
46
47
|
cursor: none;
|
|
47
48
|
|
|
@@ -108,7 +109,7 @@ const InsertButton = () => css`
|
|
|
108
109
|
bottom: 0;
|
|
109
110
|
}
|
|
110
111
|
.${ClassName.CONTROLS_INSERT_BUTTON_INNER},
|
|
111
|
-
|
|
112
|
+
.${ClassName.CONTROLS_INSERT_BUTTON} {
|
|
112
113
|
height: ${tableInsertColumnButtonSize}px;
|
|
113
114
|
width: ${tableInsertColumnButtonSize}px;
|
|
114
115
|
}
|
|
@@ -153,8 +154,14 @@ export const insertRowButtonWrapper = css`
|
|
|
153
154
|
`)}
|
|
154
155
|
`;
|
|
155
156
|
export const columnControlsLineMarker = props => css`
|
|
156
|
-
.${ClassName.TABLE_CONTAINER}.${ClassName.WITH_CONTROLS}
|
|
157
|
-
|
|
157
|
+
.${ClassName.TABLE_CONTAINER}.${ClassName.WITH_CONTROLS}
|
|
158
|
+
table
|
|
159
|
+
tr:first-child
|
|
160
|
+
td,
|
|
161
|
+
.${ClassName.TABLE_CONTAINER}.${ClassName.WITH_CONTROLS}
|
|
162
|
+
table
|
|
163
|
+
tr:first-child
|
|
164
|
+
th {
|
|
158
165
|
position: relative;
|
|
159
166
|
|
|
160
167
|
&::before {
|
|
@@ -167,7 +174,7 @@ export const columnControlsLineMarker = props => css`
|
|
|
167
174
|
`;
|
|
168
175
|
export const DeleteButton = css`
|
|
169
176
|
.${ClassName.CONTROLS_DELETE_BUTTON_WRAP},
|
|
170
|
-
|
|
177
|
+
.${ClassName.CONTROLS_DELETE_BUTTON} {
|
|
171
178
|
height: ${tableDeleteButtonSize}px;
|
|
172
179
|
width: ${tableDeleteButtonSize}px;
|
|
173
180
|
}
|
|
@@ -187,10 +194,11 @@ export const DeleteButton = css`
|
|
|
187
194
|
}
|
|
188
195
|
`;
|
|
189
196
|
export const OverflowShadow = props => css`
|
|
190
|
-
.${ClassName.TABLE_RIGHT_SHADOW},
|
|
191
|
-
.${ClassName.TABLE_LEFT_SHADOW}{
|
|
197
|
+
.${ClassName.TABLE_RIGHT_SHADOW}, .${ClassName.TABLE_LEFT_SHADOW} {
|
|
192
198
|
display: block;
|
|
193
|
-
height: calc(
|
|
199
|
+
height: calc(
|
|
200
|
+
100% - ${tableMarginTop + tableMarginBottom + tableToolbarSize - 2}px
|
|
201
|
+
);
|
|
194
202
|
position: absolute;
|
|
195
203
|
pointer-events: none;
|
|
196
204
|
top: ${tableMarginTop + tableToolbarSize - 1}px;
|
|
@@ -198,11 +206,7 @@ export const OverflowShadow = props => css`
|
|
|
198
206
|
width: 8px;
|
|
199
207
|
}
|
|
200
208
|
.${ClassName.TABLE_LEFT_SHADOW} {
|
|
201
|
-
background: linear-gradient(
|
|
202
|
-
to left,
|
|
203
|
-
rgba(99, 114, 130, 0) 0,
|
|
204
|
-
${N40A} 100%
|
|
205
|
-
);
|
|
209
|
+
background: linear-gradient(to left, rgba(99, 114, 130, 0) 0, ${N40A} 100%);
|
|
206
210
|
left: 0px;
|
|
207
211
|
}
|
|
208
212
|
.${ClassName.TABLE_CONTAINER}[data-number-column='true'] > :not(.${ClassName.TABLE_STICKY_SHADOW}).${ClassName.TABLE_LEFT_SHADOW} {
|
|
@@ -217,8 +221,7 @@ export const OverflowShadow = props => css`
|
|
|
217
221
|
left: calc(100% + 2px);
|
|
218
222
|
}
|
|
219
223
|
.${ClassName.WITH_CONTROLS} {
|
|
220
|
-
.${ClassName.TABLE_RIGHT_SHADOW},
|
|
221
|
-
.${ClassName.TABLE_LEFT_SHADOW}{
|
|
224
|
+
.${ClassName.TABLE_RIGHT_SHADOW}, .${ClassName.TABLE_LEFT_SHADOW} {
|
|
222
225
|
height: calc(100% - ${tableMarginTop + tableMarginBottom - 2}px);
|
|
223
226
|
top: ${tableMarginTop - 1}px;
|
|
224
227
|
}
|
|
@@ -227,8 +230,7 @@ export const OverflowShadow = props => css`
|
|
|
227
230
|
}
|
|
228
231
|
}
|
|
229
232
|
.${ClassName.WITH_CONTROLS}.${ClassName.TABLE_STICKY} {
|
|
230
|
-
.${ClassName.TABLE_RIGHT_SHADOW},
|
|
231
|
-
.${ClassName.TABLE_LEFT_SHADOW} {
|
|
233
|
+
.${ClassName.TABLE_RIGHT_SHADOW}, .${ClassName.TABLE_LEFT_SHADOW} {
|
|
232
234
|
top: ${tableControlsSpacing}px;
|
|
233
235
|
}
|
|
234
236
|
}
|
|
@@ -284,16 +286,21 @@ export const columnControlsDecoration = props => css`
|
|
|
284
286
|
display: block;
|
|
285
287
|
}
|
|
286
288
|
|
|
287
|
-
table
|
|
288
|
-
|
|
289
|
+
table
|
|
290
|
+
tr:first-child
|
|
291
|
+
td.${ClassName.TABLE_CELL},
|
|
292
|
+
table
|
|
293
|
+
tr:first-child
|
|
294
|
+
th.${ClassName.TABLE_HEADER_CELL} {
|
|
289
295
|
&.${ClassName.COLUMN_SELECTED},
|
|
290
|
-
|
|
291
|
-
|
|
296
|
+
&.${ClassName.HOVERED_COLUMN},
|
|
297
|
+
&.${ClassName.HOVERED_TABLE} {
|
|
292
298
|
.${ClassName.COLUMN_CONTROLS_DECORATIONS}::after {
|
|
293
299
|
${columnHeaderButtonSelected};
|
|
294
300
|
}
|
|
295
301
|
|
|
296
|
-
&.${ClassName.HOVERED_CELL_IN_DANGER}
|
|
302
|
+
&.${ClassName.HOVERED_CELL_IN_DANGER}
|
|
303
|
+
.${ClassName.COLUMN_CONTROLS_DECORATIONS}::after {
|
|
297
304
|
background-color: ${tableToolbarDeleteColor};
|
|
298
305
|
border: 1px solid ${tableBorderDeleteColor};
|
|
299
306
|
border-bottom: none;
|
|
@@ -302,8 +309,14 @@ export const columnControlsDecoration = props => css`
|
|
|
302
309
|
}
|
|
303
310
|
}
|
|
304
311
|
|
|
305
|
-
.${ClassName.TABLE_SELECTED}
|
|
306
|
-
|
|
312
|
+
.${ClassName.TABLE_SELECTED}
|
|
313
|
+
table
|
|
314
|
+
tr:first-child
|
|
315
|
+
td.${ClassName.TABLE_CELL},
|
|
316
|
+
.${ClassName.TABLE_SELECTED}
|
|
317
|
+
table
|
|
318
|
+
tr:first-child
|
|
319
|
+
th.${ClassName.TABLE_HEADER_CELL} {
|
|
307
320
|
.${ClassName.COLUMN_CONTROLS_DECORATIONS}::after {
|
|
308
321
|
${columnHeaderButtonSelected};
|
|
309
322
|
}
|
|
@@ -312,8 +325,8 @@ export const columnControlsDecoration = props => css`
|
|
|
312
325
|
export const hoveredDeleteButton = css`
|
|
313
326
|
.${ClassName.TABLE_CONTAINER}.${ClassName.HOVERED_DELETE_BUTTON} {
|
|
314
327
|
.${ClassName.SELECTED_CELL},
|
|
315
|
-
|
|
316
|
-
|
|
328
|
+
.${ClassName.COLUMN_SELECTED},
|
|
329
|
+
.${ClassName.HOVERED_CELL} {
|
|
317
330
|
border: 1px solid ${tableBorderDeleteColor};
|
|
318
331
|
}
|
|
319
332
|
.${ClassName.SELECTED_CELL}::after {
|
|
@@ -322,7 +335,8 @@ export const hoveredDeleteButton = css`
|
|
|
322
335
|
}
|
|
323
336
|
`;
|
|
324
337
|
export const hoveredCell = css`
|
|
325
|
-
:not(.${ClassName.IS_RESIZING})
|
|
338
|
+
:not(.${ClassName.IS_RESIZING})
|
|
339
|
+
.${ClassName.TABLE_CONTAINER}:not(.${ClassName.HOVERED_DELETE_BUTTON}) {
|
|
326
340
|
.${ClassName.HOVERED_CELL} {
|
|
327
341
|
position: relative;
|
|
328
342
|
border: 1px solid ${tableBorderSelectedColor};
|
|
@@ -330,7 +344,8 @@ export const hoveredCell = css`
|
|
|
330
344
|
}
|
|
331
345
|
`;
|
|
332
346
|
export const hoveredWarningCell = css`
|
|
333
|
-
:not(.${ClassName.IS_RESIZING})
|
|
347
|
+
:not(.${ClassName.IS_RESIZING})
|
|
348
|
+
.${ClassName.TABLE_CONTAINER}:not(.${ClassName.HOVERED_DELETE_BUTTON}) {
|
|
334
349
|
td.${ClassName.HOVERED_CELL_WARNING} {
|
|
335
350
|
background-color: ${Y50} !important; // We need to override the background-color added to the cell
|
|
336
351
|
border: 1px solid ${Y200};
|
|
@@ -350,8 +365,7 @@ export const resizeHandle = css`
|
|
|
350
365
|
z-index: ${resizeHandlerZIndex};
|
|
351
366
|
}
|
|
352
367
|
|
|
353
|
-
td.${ClassName.WITH_RESIZE_LINE},
|
|
354
|
-
th.${ClassName.WITH_RESIZE_LINE} {
|
|
368
|
+
td.${ClassName.WITH_RESIZE_LINE}, th.${ClassName.WITH_RESIZE_LINE} {
|
|
355
369
|
.${ClassName.RESIZE_HANDLE_DECORATION}::after {
|
|
356
370
|
content: ' ';
|
|
357
371
|
right: ${(resizeHandlerAreaWidth - resizeLineWidth) / 2}px;
|
|
@@ -364,8 +378,14 @@ export const resizeHandle = css`
|
|
|
364
378
|
}
|
|
365
379
|
}
|
|
366
380
|
|
|
367
|
-
table
|
|
368
|
-
|
|
381
|
+
table
|
|
382
|
+
tr:first-child
|
|
383
|
+
th.${ClassName.WITH_RESIZE_LINE}
|
|
384
|
+
.${ClassName.RESIZE_HANDLE_DECORATION}::after,
|
|
385
|
+
table
|
|
386
|
+
tr:first-child
|
|
387
|
+
td.${ClassName.WITH_RESIZE_LINE}
|
|
388
|
+
.${ClassName.RESIZE_HANDLE_DECORATION}::after {
|
|
369
389
|
top: -${tableToolbarSize + tableCellBorderWidth}px;
|
|
370
390
|
height: calc(100% + ${tableToolbarSize + tableCellBorderWidth}px);
|
|
371
391
|
}
|
|
@@ -12,7 +12,7 @@ import ContentStyles from '../../ContentStyles';
|
|
|
12
12
|
import { pluginKey as maxContentSizePluginKey } from '../../../plugins/max-content-size';
|
|
13
13
|
import { stateKey as mediaPluginKey } from '../../../plugins/media/pm-plugins/plugin-key';
|
|
14
14
|
import { ClickAreaBlock } from '../../Addon';
|
|
15
|
-
import { deprecatedTableCommentEditorStyles } from '../../../plugins/table/ui/common-styles
|
|
15
|
+
import { deprecatedTableCommentEditorStyles } from '../../../plugins/table/ui/common-styles';
|
|
16
16
|
import WithFlash from '../../WithFlash';
|
|
17
17
|
import { WidthConsumer } from '@atlaskit/editor-common/ui';
|
|
18
18
|
import { akEditorMobileBreakoutPoint } from '@atlaskit/editor-shared-styles';
|
|
@@ -2,7 +2,7 @@ import styled from 'styled-components';
|
|
|
2
2
|
import { akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorSwoopCubicBezier, akLayoutGutterOffset, ATLASSIAN_NAVIGATION_HEIGHT, akEditorContextPanelWidth } from '@atlaskit/editor-shared-styles';
|
|
3
3
|
import { taskListSelector, decisionListSelector } from '@atlaskit/adf-schema';
|
|
4
4
|
import ContentStyles from '../../ContentStyles';
|
|
5
|
-
import { deprecatedTableFullPageEditorStyles } from '../../../plugins/table/ui/common-styles
|
|
5
|
+
import { deprecatedTableFullPageEditorStyles } from '../../../plugins/table/ui/common-styles';
|
|
6
6
|
import { tableMarginFullWidthMode } from '../../../plugins/table/ui/consts';
|
|
7
7
|
import { scrollbarStyles } from '../../styles';
|
|
8
8
|
const SWOOP_ANIMATION = `0.5s ${akEditorSwoopCubicBezier}`;
|
|
@@ -9,7 +9,7 @@ import { editorFontSize } from '@atlaskit/editor-shared-styles';
|
|
|
9
9
|
import { unsupportedStyles } from '../../plugins/unsupported-content/styles';
|
|
10
10
|
import { telepointerStyle } from '../../plugins/collab-edit/styles';
|
|
11
11
|
import { gapCursorStyles } from '../../plugins/selection/gap-cursor/styles';
|
|
12
|
-
import { tableStyles } from '../../plugins/table/ui/common-styles
|
|
12
|
+
import { tableStyles } from '../../plugins/table/ui/common-styles';
|
|
13
13
|
import { placeholderStyles } from '../../plugins/placeholder/styles';
|
|
14
14
|
import { blocktypeStyles } from '../../plugins/block-type/styles';
|
|
15
15
|
import { codeBlockStyles, highlightingCodeBlockStyles } from '../../plugins/code-block/styles';
|
package/dist/es2019/version.json
CHANGED
|
@@ -15,7 +15,7 @@ import ContentStyles from '../../ui/ContentStyles';
|
|
|
15
15
|
import WidthEmitter from '../../ui/WidthEmitter';
|
|
16
16
|
import { ClickAreaBlock } from '../../ui/Addon';
|
|
17
17
|
import { scrollbarStyles } from '../../ui/styles';
|
|
18
|
-
import { deprecatedTableFullPageEditorStyles } from '../../plugins/table/ui/common-styles
|
|
18
|
+
import { deprecatedTableFullPageEditorStyles } from '../../plugins/table/ui/common-styles';
|
|
19
19
|
import AvatarsWithPluginState from '../../plugins/collab-edit/ui';
|
|
20
20
|
import { Editor, EditorContent, useEditorSharedConfig } from './Editor';
|
|
21
21
|
import { Toolbar } from './Toolbar';
|