@atlaskit/editor-plugin-table 7.16.19 → 7.17.0
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 +13 -0
- package/dist/cjs/ui/TableFloatingControls/index.js +4 -1
- package/dist/es2019/ui/TableFloatingControls/index.js +5 -1
- package/dist/esm/ui/TableFloatingControls/index.js +4 -1
- package/dist/types/plugin.d.ts +3 -1
- package/dist/types/ui/TableFloatingColumnControls/ColumnControls/index.d.ts +8 -2
- package/dist/types/ui/TableFloatingControls/CornerControls/DragCornerControls.d.ts +16 -4
- package/dist/types/ui/TableFloatingControls/index.d.ts +8 -2
- package/dist/types-ts4.5/plugin.d.ts +3 -1
- package/dist/types-ts4.5/ui/TableFloatingColumnControls/ColumnControls/index.d.ts +10 -2
- package/dist/types-ts4.5/ui/TableFloatingControls/CornerControls/DragCornerControls.d.ts +20 -4
- package/dist/types-ts4.5/ui/TableFloatingControls/index.d.ts +10 -2
- package/package.json +3 -6
- package/src/plugin.tsx +2 -0
- package/src/ui/TableFloatingControls/index.tsx +4 -1
- package/tsconfig.app.json +3 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-table
|
|
2
2
|
|
|
3
|
+
## 7.17.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#108458](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/108458)
|
|
8
|
+
[`66522b500303c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/66522b500303c) -
|
|
9
|
+
[ED-23469] Add featureFlag plugin as optional plugin dependency and switch to read
|
|
10
|
+
platform_editor_element_drag_and_drop gate value
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- Updated dependencies
|
|
15
|
+
|
|
3
16
|
## 7.16.19
|
|
4
17
|
|
|
5
18
|
### Patch Changes
|
|
@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
});
|
|
8
8
|
exports.default = exports.TableFloatingControls = void 0;
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
+
var _hooks = require("@atlaskit/editor-common/hooks");
|
|
10
11
|
var _utils = require("@atlaskit/editor-common/utils");
|
|
11
12
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
12
13
|
var _commands = require("../../commands");
|
|
@@ -71,6 +72,8 @@ var TableFloatingControls = exports.TableFloatingControls = function TableFloati
|
|
|
71
72
|
(0, _commands.hoverCell)(rowIndex, 0)(state, dispatch);
|
|
72
73
|
}
|
|
73
74
|
}, [editorView, tableActive]);
|
|
75
|
+
var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['featureFlags']),
|
|
76
|
+
featureFlagsState = _useSharedPluginState.featureFlagsState;
|
|
74
77
|
if (!tableRef) {
|
|
75
78
|
return null;
|
|
76
79
|
}
|
|
@@ -98,7 +101,7 @@ var TableFloatingControls = exports.TableFloatingControls = function TableFloati
|
|
|
98
101
|
updateCellHoverLocation: updateCellHoverLocation,
|
|
99
102
|
stickyTop: stickyTop,
|
|
100
103
|
isDragAndDropEnabled: isDragAndDropEnabled
|
|
101
|
-
}) : null, tableActive && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isDragAndDropEnabled ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !(0
|
|
104
|
+
}) : null, tableActive && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isDragAndDropEnabled ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !(featureFlagsState !== null && featureFlagsState !== void 0 && featureFlagsState.elementDragAndDrop) && ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.table.use-shared-state-hook') ? /*#__PURE__*/_react.default.createElement(_CornerControls.DragCornerControlsWithSelection, {
|
|
102
105
|
editorView: editorView,
|
|
103
106
|
tableRef: tableRef,
|
|
104
107
|
isInDanger: isInDanger,
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { useCallback } from 'react';
|
|
2
|
+
import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
|
|
2
3
|
import { browser } from '@atlaskit/editor-common/utils';
|
|
3
4
|
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
4
5
|
import { hoverCell, hoverRows, selectRow, selectRows } from '../../commands';
|
|
@@ -70,6 +71,9 @@ export const TableFloatingControls = ({
|
|
|
70
71
|
hoverCell(rowIndex, 0)(state, dispatch);
|
|
71
72
|
}
|
|
72
73
|
}, [editorView, tableActive]);
|
|
74
|
+
const {
|
|
75
|
+
featureFlagsState
|
|
76
|
+
} = useSharedPluginState(api, ['featureFlags']);
|
|
73
77
|
if (!tableRef) {
|
|
74
78
|
return null;
|
|
75
79
|
}
|
|
@@ -95,7 +99,7 @@ export const TableFloatingControls = ({
|
|
|
95
99
|
updateCellHoverLocation: updateCellHoverLocation,
|
|
96
100
|
stickyTop: stickyTop,
|
|
97
101
|
isDragAndDropEnabled: isDragAndDropEnabled
|
|
98
|
-
}) : null, tableActive && /*#__PURE__*/React.createElement(React.Fragment, null, isDragAndDropEnabled ? /*#__PURE__*/React.createElement(React.Fragment, null, !
|
|
102
|
+
}) : null, tableActive && /*#__PURE__*/React.createElement(React.Fragment, null, isDragAndDropEnabled ? /*#__PURE__*/React.createElement(React.Fragment, null, !(featureFlagsState !== null && featureFlagsState !== void 0 && featureFlagsState.elementDragAndDrop) && (getBooleanFF('platform.editor.table.use-shared-state-hook') ? /*#__PURE__*/React.createElement(DragCornerControlsWithSelection, {
|
|
99
103
|
editorView: editorView,
|
|
100
104
|
tableRef: tableRef,
|
|
101
105
|
isInDanger: isInDanger,
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { useCallback } from 'react';
|
|
2
|
+
import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
|
|
2
3
|
import { browser } from '@atlaskit/editor-common/utils';
|
|
3
4
|
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
4
5
|
import { hoverCell, hoverRows, selectRow, selectRows } from '../../commands';
|
|
@@ -61,6 +62,8 @@ export var TableFloatingControls = function TableFloatingControls(_ref) {
|
|
|
61
62
|
hoverCell(rowIndex, 0)(state, dispatch);
|
|
62
63
|
}
|
|
63
64
|
}, [editorView, tableActive]);
|
|
65
|
+
var _useSharedPluginState = useSharedPluginState(api, ['featureFlags']),
|
|
66
|
+
featureFlagsState = _useSharedPluginState.featureFlagsState;
|
|
64
67
|
if (!tableRef) {
|
|
65
68
|
return null;
|
|
66
69
|
}
|
|
@@ -88,7 +91,7 @@ export var TableFloatingControls = function TableFloatingControls(_ref) {
|
|
|
88
91
|
updateCellHoverLocation: updateCellHoverLocation,
|
|
89
92
|
stickyTop: stickyTop,
|
|
90
93
|
isDragAndDropEnabled: isDragAndDropEnabled
|
|
91
|
-
}) : null, tableActive && /*#__PURE__*/React.createElement(React.Fragment, null, isDragAndDropEnabled ? /*#__PURE__*/React.createElement(React.Fragment, null, !
|
|
94
|
+
}) : null, tableActive && /*#__PURE__*/React.createElement(React.Fragment, null, isDragAndDropEnabled ? /*#__PURE__*/React.createElement(React.Fragment, null, !(featureFlagsState !== null && featureFlagsState !== void 0 && featureFlagsState.elementDragAndDrop) && (getBooleanFF('platform.editor.table.use-shared-state-hook') ? /*#__PURE__*/React.createElement(DragCornerControlsWithSelection, {
|
|
92
95
|
editorView: editorView,
|
|
93
96
|
tableRef: tableRef,
|
|
94
97
|
isInDanger: isInDanger,
|
package/dist/types/plugin.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ import type { AccessibilityUtilsPlugin } from '@atlaskit/editor-plugin-accessibi
|
|
|
5
5
|
import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
|
|
6
6
|
import type { ContentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
|
|
7
7
|
import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
|
|
8
|
+
import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
|
|
8
9
|
import type { GuidelinePlugin } from '@atlaskit/editor-plugin-guideline';
|
|
9
10
|
import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
|
|
10
11
|
import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
|
|
@@ -44,7 +45,8 @@ export type TablePlugin = NextEditorPlugin<'table', {
|
|
|
44
45
|
SelectionPlugin,
|
|
45
46
|
OptionalPlugin<AccessibilityUtilsPlugin>,
|
|
46
47
|
OptionalPlugin<MediaPlugin>,
|
|
47
|
-
OptionalPlugin<EditorViewModePlugin
|
|
48
|
+
OptionalPlugin<EditorViewModePlugin>,
|
|
49
|
+
OptionalPlugin<FeatureFlagsPlugin>
|
|
48
50
|
];
|
|
49
51
|
}>;
|
|
50
52
|
/**
|
|
@@ -130,7 +130,10 @@ export declare const ColumnControls: ({ editorView, tableActive, tableRef, hover
|
|
|
130
130
|
};
|
|
131
131
|
}, {
|
|
132
132
|
mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
|
|
133
|
-
} | undefined
|
|
133
|
+
} | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
134
|
+
pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
135
|
+
sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
136
|
+
}, import("@atlaskit/editor-common/types").FeatureFlags>>];
|
|
134
137
|
}, import("../../../plugin").TablePluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
135
138
|
pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
|
|
136
139
|
sharedState: {
|
|
@@ -231,6 +234,9 @@ export declare const ColumnControls: ({ editorView, tableActive, tableRef, hover
|
|
|
231
234
|
};
|
|
232
235
|
}, {
|
|
233
236
|
mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
|
|
234
|
-
} | undefined
|
|
237
|
+
} | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
238
|
+
pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
239
|
+
sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
240
|
+
}, import("@atlaskit/editor-common/types").FeatureFlags>>]> | undefined;
|
|
235
241
|
}) => JSX.Element;
|
|
236
242
|
export default ColumnControls;
|
|
@@ -111,7 +111,10 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
|
|
|
111
111
|
};
|
|
112
112
|
}, {
|
|
113
113
|
mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
|
|
114
|
-
} | undefined
|
|
114
|
+
} | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
115
|
+
pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
116
|
+
sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
117
|
+
}, import("@atlaskit/editor-common/types").FeatureFlags>>];
|
|
115
118
|
}, import("../../../plugin").TablePluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
116
119
|
pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
|
|
117
120
|
sharedState: {
|
|
@@ -212,7 +215,10 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
|
|
|
212
215
|
};
|
|
213
216
|
}, {
|
|
214
217
|
mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
|
|
215
|
-
} | undefined
|
|
218
|
+
} | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
219
|
+
pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
220
|
+
sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
221
|
+
}, import("@atlaskit/editor-common/types").FeatureFlags>>]> | undefined;
|
|
216
222
|
}>> & {
|
|
217
223
|
WrappedComponent: React.ComponentType<CornerControlProps & WrappedComponentProps & {
|
|
218
224
|
api?: import("@atlaskit/editor-common/types").PublicPluginAPI<[import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"table", {
|
|
@@ -324,7 +330,10 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
|
|
|
324
330
|
};
|
|
325
331
|
}, {
|
|
326
332
|
mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
|
|
327
|
-
} | undefined
|
|
333
|
+
} | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
334
|
+
pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
335
|
+
sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
336
|
+
}, import("@atlaskit/editor-common/types").FeatureFlags>>];
|
|
328
337
|
}, import("../../../plugin").TablePluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
329
338
|
pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
|
|
330
339
|
sharedState: {
|
|
@@ -425,7 +434,10 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
|
|
|
425
434
|
};
|
|
426
435
|
}, {
|
|
427
436
|
mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
|
|
428
|
-
} | undefined
|
|
437
|
+
} | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
438
|
+
pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
439
|
+
sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
440
|
+
}, import("@atlaskit/editor-common/types").FeatureFlags>>]> | undefined;
|
|
429
441
|
}>;
|
|
430
442
|
};
|
|
431
443
|
export declare const DragCornerControls: React.FC<import("react-intl-next").WithIntlProps<CornerControlProps & WrappedComponentProps>> & {
|
|
@@ -139,7 +139,10 @@ export declare const TableFloatingControls: ({ editorView, tableRef, tableNode,
|
|
|
139
139
|
};
|
|
140
140
|
}, {
|
|
141
141
|
mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
|
|
142
|
-
} | undefined
|
|
142
|
+
} | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
143
|
+
pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
144
|
+
sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
145
|
+
}, import("@atlaskit/editor-common/types").FeatureFlags>>];
|
|
143
146
|
}, import("../../plugin").TablePluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
144
147
|
pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
|
|
145
148
|
sharedState: {
|
|
@@ -240,6 +243,9 @@ export declare const TableFloatingControls: ({ editorView, tableRef, tableNode,
|
|
|
240
243
|
};
|
|
241
244
|
}, {
|
|
242
245
|
mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
|
|
243
|
-
} | undefined
|
|
246
|
+
} | undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
247
|
+
pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
248
|
+
sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
249
|
+
}, import("@atlaskit/editor-common/types").FeatureFlags>>]> | undefined;
|
|
244
250
|
}) => JSX.Element | null;
|
|
245
251
|
export default TableFloatingControls;
|
|
@@ -5,6 +5,7 @@ import type { AccessibilityUtilsPlugin } from '@atlaskit/editor-plugin-accessibi
|
|
|
5
5
|
import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
|
|
6
6
|
import type { ContentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
|
|
7
7
|
import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
|
|
8
|
+
import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
|
|
8
9
|
import type { GuidelinePlugin } from '@atlaskit/editor-plugin-guideline';
|
|
9
10
|
import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
|
|
10
11
|
import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
|
|
@@ -44,7 +45,8 @@ export type TablePlugin = NextEditorPlugin<'table', {
|
|
|
44
45
|
SelectionPlugin,
|
|
45
46
|
OptionalPlugin<AccessibilityUtilsPlugin>,
|
|
46
47
|
OptionalPlugin<MediaPlugin>,
|
|
47
|
-
OptionalPlugin<EditorViewModePlugin
|
|
48
|
+
OptionalPlugin<EditorViewModePlugin>,
|
|
49
|
+
OptionalPlugin<FeatureFlagsPlugin>
|
|
48
50
|
];
|
|
49
51
|
}>;
|
|
50
52
|
/**
|
|
@@ -155,7 +155,11 @@ export declare const ColumnControls: ({ editorView, tableActive, tableRef, hover
|
|
|
155
155
|
};
|
|
156
156
|
}, {
|
|
157
157
|
mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
|
|
158
|
-
} | undefined
|
|
158
|
+
} | undefined>>,
|
|
159
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
160
|
+
pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
161
|
+
sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
162
|
+
}, import("@atlaskit/editor-common/types").FeatureFlags>>
|
|
159
163
|
];
|
|
160
164
|
}, import("../../../plugin").TablePluginOptions | undefined>,
|
|
161
165
|
import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
@@ -281,7 +285,11 @@ export declare const ColumnControls: ({ editorView, tableActive, tableRef, hover
|
|
|
281
285
|
};
|
|
282
286
|
}, {
|
|
283
287
|
mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
|
|
284
|
-
} | undefined
|
|
288
|
+
} | undefined>>,
|
|
289
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
290
|
+
pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
291
|
+
sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
292
|
+
}, import("@atlaskit/editor-common/types").FeatureFlags>>
|
|
285
293
|
]> | undefined;
|
|
286
294
|
}) => JSX.Element;
|
|
287
295
|
export default ColumnControls;
|
|
@@ -136,7 +136,11 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
|
|
|
136
136
|
};
|
|
137
137
|
}, {
|
|
138
138
|
mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
|
|
139
|
-
} | undefined
|
|
139
|
+
} | undefined>>,
|
|
140
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
141
|
+
pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
142
|
+
sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
143
|
+
}, import("@atlaskit/editor-common/types").FeatureFlags>>
|
|
140
144
|
];
|
|
141
145
|
}, import("../../../plugin").TablePluginOptions | undefined>,
|
|
142
146
|
import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
@@ -262,7 +266,11 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
|
|
|
262
266
|
};
|
|
263
267
|
}, {
|
|
264
268
|
mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
|
|
265
|
-
} | undefined
|
|
269
|
+
} | undefined>>,
|
|
270
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
271
|
+
pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
272
|
+
sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
273
|
+
}, import("@atlaskit/editor-common/types").FeatureFlags>>
|
|
266
274
|
]> | undefined;
|
|
267
275
|
}>> & {
|
|
268
276
|
WrappedComponent: React.ComponentType<CornerControlProps & WrappedComponentProps & {
|
|
@@ -400,7 +408,11 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
|
|
|
400
408
|
};
|
|
401
409
|
}, {
|
|
402
410
|
mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
|
|
403
|
-
} | undefined
|
|
411
|
+
} | undefined>>,
|
|
412
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
413
|
+
pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
414
|
+
sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
415
|
+
}, import("@atlaskit/editor-common/types").FeatureFlags>>
|
|
404
416
|
];
|
|
405
417
|
}, import("../../../plugin").TablePluginOptions | undefined>,
|
|
406
418
|
import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
@@ -526,7 +538,11 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
|
|
|
526
538
|
};
|
|
527
539
|
}, {
|
|
528
540
|
mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
|
|
529
|
-
} | undefined
|
|
541
|
+
} | undefined>>,
|
|
542
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
543
|
+
pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
544
|
+
sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
545
|
+
}, import("@atlaskit/editor-common/types").FeatureFlags>>
|
|
530
546
|
]> | undefined;
|
|
531
547
|
}>;
|
|
532
548
|
};
|
|
@@ -164,7 +164,11 @@ export declare const TableFloatingControls: ({ editorView, tableRef, tableNode,
|
|
|
164
164
|
};
|
|
165
165
|
}, {
|
|
166
166
|
mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
|
|
167
|
-
} | undefined
|
|
167
|
+
} | undefined>>,
|
|
168
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
169
|
+
pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
170
|
+
sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
171
|
+
}, import("@atlaskit/editor-common/types").FeatureFlags>>
|
|
168
172
|
];
|
|
169
173
|
}, import("../../plugin").TablePluginOptions | undefined>,
|
|
170
174
|
import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
|
|
@@ -290,7 +294,11 @@ export declare const TableFloatingControls: ({ editorView, tableRef, tableNode,
|
|
|
290
294
|
};
|
|
291
295
|
}, {
|
|
292
296
|
mode?: import("@atlaskit/editor-plugin-editor-viewmode").ViewMode | undefined;
|
|
293
|
-
} | undefined
|
|
297
|
+
} | undefined>>,
|
|
298
|
+
import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
|
|
299
|
+
pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
300
|
+
sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
|
|
301
|
+
}, import("@atlaskit/editor-common/types").FeatureFlags>>
|
|
294
302
|
]> | undefined;
|
|
295
303
|
}) => JSX.Element | null;
|
|
296
304
|
export default TableFloatingControls;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-table",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.17.0",
|
|
4
4
|
"description": "Table plugin for the @atlaskit/editor",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"@atlaskit/adf-schema": "^36.10.7",
|
|
32
32
|
"@atlaskit/button": "^17.17.0",
|
|
33
33
|
"@atlaskit/custom-steps": "^0.2.0",
|
|
34
|
-
"@atlaskit/editor-common": "^82.
|
|
34
|
+
"@atlaskit/editor-common": "^82.3.0",
|
|
35
35
|
"@atlaskit/editor-palette": "1.6.0",
|
|
36
36
|
"@atlaskit/editor-plugin-accessibility-utils": "^1.1.0",
|
|
37
37
|
"@atlaskit/editor-plugin-analytics": "^1.2.0",
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"@atlaskit/primitives": "^7.0.0",
|
|
53
53
|
"@atlaskit/theme": "^12.9.0",
|
|
54
54
|
"@atlaskit/toggle": "^13.1.0",
|
|
55
|
-
"@atlaskit/tokens": "^1.
|
|
55
|
+
"@atlaskit/tokens": "^1.50.0",
|
|
56
56
|
"@atlaskit/tooltip": "^18.4.0",
|
|
57
57
|
"@babel/runtime": "^7.0.0",
|
|
58
58
|
"@emotion/react": "^11.7.1",
|
|
@@ -143,9 +143,6 @@
|
|
|
143
143
|
},
|
|
144
144
|
"platform.editor.table.editor-num-col-style-changes": {
|
|
145
145
|
"type": "boolean"
|
|
146
|
-
},
|
|
147
|
-
"platform.editor.drag-and-drop_wmv9t": {
|
|
148
|
-
"type": "boolean"
|
|
149
146
|
}
|
|
150
147
|
}
|
|
151
148
|
}
|
package/src/plugin.tsx
CHANGED
|
@@ -30,6 +30,7 @@ import type { AccessibilityUtilsPlugin } from '@atlaskit/editor-plugin-accessibi
|
|
|
30
30
|
import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
|
|
31
31
|
import type { ContentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
|
|
32
32
|
import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
|
|
33
|
+
import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
|
|
33
34
|
import type { GuidelinePlugin } from '@atlaskit/editor-plugin-guideline';
|
|
34
35
|
import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
|
|
35
36
|
import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
|
|
@@ -134,6 +135,7 @@ export type TablePlugin = NextEditorPlugin<
|
|
|
134
135
|
OptionalPlugin<AccessibilityUtilsPlugin>,
|
|
135
136
|
OptionalPlugin<MediaPlugin>,
|
|
136
137
|
OptionalPlugin<EditorViewModePlugin>,
|
|
138
|
+
OptionalPlugin<FeatureFlagsPlugin>,
|
|
137
139
|
];
|
|
138
140
|
}
|
|
139
141
|
>;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React, { useCallback } from 'react';
|
|
2
2
|
|
|
3
3
|
import type { TableColumnOrdering } from '@atlaskit/custom-steps';
|
|
4
|
+
import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
|
|
4
5
|
import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
|
|
5
6
|
import { browser } from '@atlaskit/editor-common/utils';
|
|
6
7
|
import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
|
|
@@ -113,6 +114,8 @@ export const TableFloatingControls = ({
|
|
|
113
114
|
[editorView, tableActive],
|
|
114
115
|
);
|
|
115
116
|
|
|
117
|
+
const { featureFlagsState } = useSharedPluginState(api, ['featureFlags']);
|
|
118
|
+
|
|
116
119
|
if (!tableRef) {
|
|
117
120
|
return null;
|
|
118
121
|
}
|
|
@@ -149,7 +152,7 @@ export const TableFloatingControls = ({
|
|
|
149
152
|
<>
|
|
150
153
|
{isDragAndDropEnabled ? (
|
|
151
154
|
<>
|
|
152
|
-
{!
|
|
155
|
+
{!featureFlagsState?.elementDragAndDrop &&
|
|
153
156
|
(getBooleanFF('platform.editor.table.use-shared-state-hook') ? (
|
|
154
157
|
<DragCornerControlsWithSelection
|
|
155
158
|
editorView={editorView}
|