@atlaskit/editor-plugin-table 7.6.1 → 7.6.2
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/nodeviews/TableComponent.js +2 -0
- package/dist/cjs/ui/TableFloatingColumnControls/ColumnControls/index.js +1 -0
- package/dist/es2019/nodeviews/TableComponent.js +2 -0
- package/dist/es2019/ui/TableFloatingColumnControls/ColumnControls/index.js +1 -0
- package/dist/esm/nodeviews/TableComponent.js +2 -0
- package/dist/esm/ui/TableFloatingColumnControls/ColumnControls/index.js +1 -0
- package/package.json +1 -1
- package/src/nodeviews/TableComponent.tsx +2 -0
- package/src/ui/TableFloatingColumnControls/ColumnControls/index.tsx +1 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-table
|
|
2
2
|
|
|
3
|
+
## 7.6.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#83121](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83121) [`97ee7097d940`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/97ee7097d940) - [ux] Prevents contenteditable on table shadows and table drag column handles.
|
|
8
|
+
|
|
3
9
|
## 7.6.1
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
|
@@ -726,6 +726,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
|
|
|
726
726
|
return ((_this4$wrapper3 = _this4.wrapper) === null || _this4$wrapper3 === void 0 ? void 0 : _this4$wrapper3.clientWidth) || 760;
|
|
727
727
|
}
|
|
728
728
|
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
729
|
+
contentEditable: false,
|
|
729
730
|
style: shadowStyle(showBeforeShadow),
|
|
730
731
|
className: _types.TableCssClassName.TABLE_LEFT_SHADOW
|
|
731
732
|
}), this.state.stickyHeader && /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -763,6 +764,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
|
|
|
763
764
|
height: '100%'
|
|
764
765
|
}
|
|
765
766
|
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
767
|
+
contentEditable: false,
|
|
766
768
|
style: shadowStyle(showAfterShadow),
|
|
767
769
|
className: _types.TableCssClassName.TABLE_RIGHT_SHADOW
|
|
768
770
|
}), this.state.stickyHeader && /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -129,6 +129,7 @@ var ColumnControls = exports.ColumnControls = function ColumnControls(_ref) {
|
|
|
129
129
|
return sum + (v !== null && v !== void 0 ? v : _styles.tableCellMinWidth) * (indexes.includes(i) ? 1 : 0);
|
|
130
130
|
}, 0)) !== null && _colWidths$reduce !== void 0 ? _colWidths$reduce : _styles.tableCellMinWidth;
|
|
131
131
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
132
|
+
contentEditable: false,
|
|
132
133
|
key: type,
|
|
133
134
|
style: {
|
|
134
135
|
gridColumn: gridColumn,
|
|
@@ -714,6 +714,7 @@ class TableComponent extends React.Component {
|
|
|
714
714
|
return ((_this$wrapper4 = this.wrapper) === null || _this$wrapper4 === void 0 ? void 0 : _this$wrapper4.clientWidth) || 760;
|
|
715
715
|
}
|
|
716
716
|
}), /*#__PURE__*/React.createElement("div", {
|
|
717
|
+
contentEditable: false,
|
|
717
718
|
style: shadowStyle(showBeforeShadow),
|
|
718
719
|
className: ClassName.TABLE_LEFT_SHADOW
|
|
719
720
|
}), this.state.stickyHeader && /*#__PURE__*/React.createElement("div", {
|
|
@@ -751,6 +752,7 @@ class TableComponent extends React.Component {
|
|
|
751
752
|
height: '100%'
|
|
752
753
|
}
|
|
753
754
|
})), /*#__PURE__*/React.createElement("div", {
|
|
755
|
+
contentEditable: false,
|
|
754
756
|
style: shadowStyle(showAfterShadow),
|
|
755
757
|
className: ClassName.TABLE_RIGHT_SHADOW
|
|
756
758
|
}), this.state.stickyHeader && /*#__PURE__*/React.createElement("div", {
|
|
@@ -124,6 +124,7 @@ export const ColumnControls = ({
|
|
|
124
124
|
const previewHeight = (_rowHeights$reduce = rowHeights === null || rowHeights === void 0 ? void 0 : rowHeights.reduce((sum, cur) => sum + cur, 0)) !== null && _rowHeights$reduce !== void 0 ? _rowHeights$reduce : 0;
|
|
125
125
|
const previewWidth = (_colWidths$reduce = colWidths === null || colWidths === void 0 ? void 0 : colWidths.reduce((sum, v, i) => sum + (v !== null && v !== void 0 ? v : tableCellMinWidth) * (indexes.includes(i) ? 1 : 0), 0)) !== null && _colWidths$reduce !== void 0 ? _colWidths$reduce : tableCellMinWidth;
|
|
126
126
|
return /*#__PURE__*/React.createElement("div", {
|
|
127
|
+
contentEditable: false,
|
|
127
128
|
key: type,
|
|
128
129
|
style: {
|
|
129
130
|
gridColumn,
|
|
@@ -719,6 +719,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
|
|
|
719
719
|
return ((_this4$wrapper3 = _this4.wrapper) === null || _this4$wrapper3 === void 0 ? void 0 : _this4$wrapper3.clientWidth) || 760;
|
|
720
720
|
}
|
|
721
721
|
}), /*#__PURE__*/React.createElement("div", {
|
|
722
|
+
contentEditable: false,
|
|
722
723
|
style: shadowStyle(showBeforeShadow),
|
|
723
724
|
className: ClassName.TABLE_LEFT_SHADOW
|
|
724
725
|
}), this.state.stickyHeader && /*#__PURE__*/React.createElement("div", {
|
|
@@ -756,6 +757,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
|
|
|
756
757
|
height: '100%'
|
|
757
758
|
}
|
|
758
759
|
})), /*#__PURE__*/React.createElement("div", {
|
|
760
|
+
contentEditable: false,
|
|
759
761
|
style: shadowStyle(showAfterShadow),
|
|
760
762
|
className: ClassName.TABLE_RIGHT_SHADOW
|
|
761
763
|
}), this.state.stickyHeader && /*#__PURE__*/React.createElement("div", {
|
|
@@ -120,6 +120,7 @@ export var ColumnControls = function ColumnControls(_ref) {
|
|
|
120
120
|
return sum + (v !== null && v !== void 0 ? v : tableCellMinWidth) * (indexes.includes(i) ? 1 : 0);
|
|
121
121
|
}, 0)) !== null && _colWidths$reduce !== void 0 ? _colWidths$reduce : tableCellMinWidth;
|
|
122
122
|
return /*#__PURE__*/React.createElement("div", {
|
|
123
|
+
contentEditable: false,
|
|
123
124
|
key: type,
|
|
124
125
|
style: {
|
|
125
126
|
gridColumn: gridColumn,
|
package/package.json
CHANGED
|
@@ -711,6 +711,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
|
|
|
711
711
|
/>
|
|
712
712
|
)}
|
|
713
713
|
<div
|
|
714
|
+
contentEditable={false}
|
|
714
715
|
style={shadowStyle(showBeforeShadow)}
|
|
715
716
|
className={ClassName.TABLE_LEFT_SHADOW}
|
|
716
717
|
/>
|
|
@@ -761,6 +762,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
|
|
|
761
762
|
</div>
|
|
762
763
|
)}
|
|
763
764
|
<div
|
|
765
|
+
contentEditable={false}
|
|
764
766
|
style={shadowStyle(showAfterShadow)}
|
|
765
767
|
className={ClassName.TABLE_RIGHT_SHADOW}
|
|
766
768
|
/>
|