@atlaskit/editor-plugin-table 11.0.2 → 11.1.0

package/src/ui/TableFloatingControls/RowControls/DragControls.tsx

@@ -5,9 +5,9 @@ import React, { Fragment, useCallback, useEffect, useMemo, useState } from 'reac
 import {
 	sharedPluginStateHookMigratorFactory,
 	useSharedPluginState,
+	useSharedPluginStateWithSelector,
 } from '@atlaskit/editor-common/hooks';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import type { Selection } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
@@ -375,9 +375,11 @@ export const DragControls = ({
 
 const useSharedState = sharedPluginStateHookMigratorFactory(
 	(api: ExtractInjectionAPI<TablePlugin> | undefined) => {
-		const selectionsSelector = useSharedPluginStateSelector(api, 'selection.selection');
+		const { selection } = useSharedPluginStateWithSelector(api, ['selection'], (states) => ({
+			selection: states.selectionState?.selection,
+		}));
 		return {
-			selection: selectionsSelector,
+			selection,
 		};
 	},
 	(api: ExtractInjectionAPI<TablePlugin> | undefined) => {

package/src/ui/global-styles.tsx

@@ -8,9 +8,9 @@ import { Global, jsx } from '@emotion/react';
 import {
 	sharedPluginStateHookMigratorFactory,
 	useSharedPluginState,
+	useSharedPluginStateWithSelector,
 } from '@atlaskit/editor-common/hooks';
 import type { FeatureFlags } from '@atlaskit/editor-common/types';
-import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 
 import type { PluginInjectionAPI } from '../types';
 
@@ -18,7 +18,9 @@ import { tableStyles } from './common-styles';
 
 const useSharedState = sharedPluginStateHookMigratorFactory(
 	(api: PluginInjectionAPI | undefined) => {
-		const mode = useSharedPluginStateSelector(api, 'editorViewMode.mode');
+		const { mode } = useSharedPluginStateWithSelector(api, ['editorViewMode'], (states) => ({
+			mode: states.editorViewModeState?.mode,
+		}));
 		return {
 			mode,
 		};

package/src/ui/icons/SortingIconWrapper.tsx

@@ -3,10 +3,10 @@ import React from 'react';
 import {
 	sharedPluginStateHookMigratorFactory,
 	useSharedPluginState,
+	useSharedPluginStateWithSelector,
 } from '@atlaskit/editor-common/hooks';
 import { SortingIcon } from '@atlaskit/editor-common/table';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 
 import type { TablePlugin } from '../../tablePluginType';
 
@@ -17,7 +17,9 @@ type SortingIconWrapperProps = SortingIconProps & {
 
 const useSharedState = sharedPluginStateHookMigratorFactory(
 	(api: ExtractInjectionAPI<TablePlugin> | undefined) => {
-		const mode = useSharedPluginStateSelector(api, 'editorViewMode.mode');
+		const { mode } = useSharedPluginStateWithSelector(api, ['editorViewMode'], (states) => ({
+			mode: states.editorViewModeState?.mode,
+		}));
 		return {
 			mode,
 		};

package/tsconfig.app.json

@@ -104,6 +104,9 @@
 		{
 			"path": "../../design-system/primitives/tsconfig.app.json"
 		},
+		{
+			"path": "../../react-ufo/atlaskit/tsconfig.app.json"
+		},
 		{
 			"path": "../../design-system/theme/tsconfig.app.json"
 		},