@atlaskit/editor-plugin-table 13.0.5 → 13.0.6

package/dist/esm/ui/DragHandle/index.js

@@ -7,7 +7,7 @@ import classnames from 'classnames';
 import ReactDOM from 'react-dom';
 import { injectIntl } from 'react-intl-next';
 import { browser } from '@atlaskit/editor-common/browser';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findTable, TableMap } from '@atlaskit/editor-tables';
@@ -245,29 +245,6 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
     height: previewHeight
   }), previewContainer));
 };
-var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
-  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['table'], function (states) {
-      var _states$tableState, _states$tableState2;
-      return {
-        hoveredColumns: (_states$tableState = states.tableState) === null || _states$tableState === void 0 ? void 0 : _states$tableState.hoveredColumns,
-        hoveredRows: (_states$tableState2 = states.tableState) === null || _states$tableState2 === void 0 ? void 0 : _states$tableState2.hoveredRows
-      };
-    }),
-    hoveredColumns = _useSharedPluginState.hoveredColumns,
-    hoveredRows = _useSharedPluginState.hoveredRows;
-  return {
-    hoveredColumns: hoveredColumns,
-    hoveredRows: hoveredRows
-  };
-}, function (api) {
-  var _useSharedPluginState2 = useSharedPluginState(api, ['table']),
-    tableState = _useSharedPluginState2.tableState;
-  var tableStateInternal = tableState;
-  return {
-    hoveredColumns: tableStateInternal === null || tableStateInternal === void 0 ? void 0 : tableStateInternal.hoveredColumns,
-    hoveredRows: tableStateInternal === null || tableStateInternal === void 0 ? void 0 : tableStateInternal.hoveredRows
-  };
-});
 var DragHandleComponentWithSharedState = function DragHandleComponentWithSharedState(_ref5) {
   var isDragMenuTarget = _ref5.isDragMenuTarget,
     tableLocalId = _ref5.tableLocalId,
@@ -285,9 +262,15 @@ var DragHandleComponentWithSharedState = function DragHandleComponentWithSharedS
     editorView = _ref5.editorView,
     intl = _ref5.intl,
     api = _ref5.api;
-  var _useSharedState = useSharedState(api),
-    hoveredColumns = _useSharedState.hoveredColumns,
-    hoveredRows = _useSharedState.hoveredRows;
+  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['table'], function (states) {
+      var _states$tableState, _states$tableState2;
+      return {
+        hoveredColumns: (_states$tableState = states.tableState) === null || _states$tableState === void 0 ? void 0 : _states$tableState.hoveredColumns,
+        hoveredRows: (_states$tableState2 = states.tableState) === null || _states$tableState2 === void 0 ? void 0 : _states$tableState2.hoveredRows
+      };
+    }),
+    hoveredColumns = _useSharedPluginState.hoveredColumns,
+    hoveredRows = _useSharedPluginState.hoveredRows;
   return /*#__PURE__*/React.createElement(DragHandleComponent, {
     isDragMenuTarget: isDragMenuTarget,
     tableLocalId: tableLocalId,

package/dist/esm/ui/TableFloatingColumnControls/ColumnControls/index.js

@@ -1,7 +1,7 @@
 /* eslint-disable @atlaskit/design-system/prefer-primitives */
 
 import React, { useCallback, useMemo, useRef } from 'react';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { CellSelection } from '@atlaskit/editor-tables';
@@ -23,24 +23,6 @@ var getSelectedColumns = function getSelectedColumns(selection) {
   }
   return [];
 };
-var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
-  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['selection'], function (states) {
-      var _states$selectionStat;
-      return {
-        selection: (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection
-      };
-    }),
-    selection = _useSharedPluginState.selection;
-  return {
-    selection: selection
-  };
-}, function (api) {
-  var _useSharedPluginState2 = useSharedPluginState(api, ['selection']),
-    selectionState = _useSharedPluginState2.selectionState;
-  return {
-    selection: selectionState === null || selectionState === void 0 ? void 0 : selectionState.selection
-  };
-});
 export var ColumnControls = function ColumnControls(_ref) {
   var _colWidths$map$join;
   var editorView = _ref.editorView,
@@ -59,8 +41,13 @@ export var ColumnControls = function ColumnControls(_ref) {
     getScrollOffset = _ref.getScrollOffset,
     api = _ref.api;
   var columnControlsRef = useRef(null);
-  var _useSharedState = useSharedState(api),
-    selection = _useSharedState.selection;
+  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['selection'], function (states) {
+      var _states$selectionStat;
+      return {
+        selection: (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection
+      };
+    }),
+    selection = _useSharedPluginState.selection;
   var widths = (_colWidths$map$join = colWidths === null || colWidths === void 0 ? void 0 : colWidths.map(function (width) {
     return (
       // when there is sticky header, a `margin-right: -1px` applied to `tr.sticky th` so it causes colWidths to be 1px wider

package/dist/esm/ui/TableFloatingControls/CornerControls/DragCornerControls.js

@@ -1,7 +1,7 @@
 import React, { useMemo } from 'react';
 import classnames from 'classnames';
 import { injectIntl } from 'react-intl-next';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { findTable, isTableSelected, selectTable } from '@atlaskit/editor-tables/utils';
 import { clearHoverSelection } from '../../../pm-plugins/commands';
@@ -49,7 +49,12 @@ var DragCornerControlsComponent = function DragCornerControlsComponent(_ref) {
     className: ClassName.DRAG_CORNER_BUTTON_INNER
   }));
 };
-var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
+var DragCornerControlsComponentWithSelection = function DragCornerControlsComponentWithSelection(_ref2) {
+  var editorView = _ref2.editorView,
+    isInDanger = _ref2.isInDanger,
+    isResizing = _ref2.isResizing,
+    formatMessage = _ref2.intl.formatMessage,
+    api = _ref2.api;
   var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['selection'], function (states) {
       var _states$selectionStat;
       return {
@@ -57,24 +62,6 @@ var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
       };
     }),
     selection = _useSharedPluginState.selection;
-  return {
-    selection: selection
-  };
-}, function (api) {
-  var _useSharedPluginState2 = useSharedPluginState(api, ['selection']),
-    selectionState = _useSharedPluginState2.selectionState;
-  return {
-    selection: selectionState === null || selectionState === void 0 ? void 0 : selectionState.selection
-  };
-});
-var DragCornerControlsComponentWithSelection = function DragCornerControlsComponentWithSelection(_ref2) {
-  var editorView = _ref2.editorView,
-    isInDanger = _ref2.isInDanger,
-    isResizing = _ref2.isResizing,
-    formatMessage = _ref2.intl.formatMessage,
-    api = _ref2.api;
-  var _useSharedState = useSharedState(api),
-    selection = _useSharedState.selection;
   var handleOnClick = function handleOnClick() {
     var state = editorView.state,
       dispatch = editorView.dispatch;

package/dist/esm/ui/TableFloatingControls/FloatingControlsWithSelection.js

@@ -1,25 +1,7 @@
 import React from 'react';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { CornerControls } from './CornerControls/ClassicCornerControls';
 import { RowControls } from './RowControls/ClassicControls';
-var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
-  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['selection'], function (states) {
-      var _states$selectionStat;
-      return {
-        selection: (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection
-      };
-    }),
-    selection = _useSharedPluginState.selection;
-  return {
-    selection: selection
-  };
-}, function (api) {
-  var _useSharedPluginState2 = useSharedPluginState(api, ['selection']),
-    selectionState = _useSharedPluginState2.selectionState;
-  return {
-    selection: selectionState === null || selectionState === void 0 ? void 0 : selectionState.selection
-  };
-});
 export var FloatingControlsWithSelection = function FloatingControlsWithSelection(_ref) {
   var editorView = _ref.editorView,
     tableRef = _ref.tableRef,
@@ -33,8 +15,13 @@ export var FloatingControlsWithSelection = function FloatingControlsWithSelectio
     selectRow = _ref.selectRow,
     tableActive = _ref.tableActive,
     api = _ref.api;
-  var _useSharedState = useSharedState(api),
-    selection = _useSharedState.selection;
+  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['selection'], function (states) {
+      var _states$selectionStat;
+      return {
+        selection: (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection
+      };
+    }),
+    selection = _useSharedPluginState.selection;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CornerControls, {
     editorView: editorView,
     tableRef: tableRef,

package/dist/esm/ui/TableFloatingControls/RowControls/DragControls.js

@@ -2,7 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 /* eslint-disable @atlaskit/design-system/prefer-primitives */
 
 import React, { Fragment, useCallback, useEffect, useMemo, useState } from 'react';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { CellSelection } from '@atlaskit/editor-tables';
 import { getSelectionRect } from '@atlaskit/editor-tables/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -277,24 +277,6 @@ export var DragControls = function DragControls(_ref) {
     }), rowHandles())
   );
 };
-var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
-  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['selection'], function (states) {
-      var _states$selectionStat;
-      return {
-        selection: (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection
-      };
-    }),
-    selection = _useSharedPluginState.selection;
-  return {
-    selection: selection
-  };
-}, function (api) {
-  var _useSharedPluginState2 = useSharedPluginState(api, ['selection']),
-    selectionState = _useSharedPluginState2.selectionState;
-  return {
-    selection: selectionState === null || selectionState === void 0 ? void 0 : selectionState.selection
-  };
-});
 export var DragControlsWithSelection = function DragControlsWithSelection(_ref5) {
   var editorView = _ref5.editorView,
     tableRef = _ref5.tableRef,
@@ -310,8 +292,13 @@ export var DragControlsWithSelection = function DragControlsWithSelection(_ref5)
     selectRows = _ref5.selectRows,
     updateCellHoverLocation = _ref5.updateCellHoverLocation,
     api = _ref5.api;
-  var _useSharedState = useSharedState(api),
-    selection = _useSharedState.selection;
+  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['selection'], function (states) {
+      var _states$selectionStat;
+      return {
+        selection: (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection
+      };
+    }),
+    selection = _useSharedPluginState.selection;
   return /*#__PURE__*/React.createElement(DragControls, {
     editorView: editorView,
     tableRef: tableRef,

package/dist/esm/ui/global-styles.js

@@ -4,9 +4,12 @@
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { Global, jsx } from '@emotion/react';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { tableStyles } from './common-styles';
-var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
+export var GlobalStylesWrapper = function GlobalStylesWrapper(_ref) {
+  var featureFlags = _ref.featureFlags,
+    isDragAndDropEnabledOption = _ref.isDragAndDropEnabledOption,
+    api = _ref.api;
   var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['editorViewMode'], function (states) {
       var _states$editorViewMod;
       return {
@@ -14,22 +17,6 @@ var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
       };
     }),
     mode = _useSharedPluginState.mode;
-  return {
-    mode: mode
-  };
-}, function (api) {
-  var _useSharedPluginState2 = useSharedPluginState(api, ['editorViewMode']),
-    editorViewModeState = _useSharedPluginState2.editorViewModeState;
-  return {
-    mode: editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode
-  };
-});
-export var GlobalStylesWrapper = function GlobalStylesWrapper(_ref) {
-  var featureFlags = _ref.featureFlags,
-    isDragAndDropEnabledOption = _ref.isDragAndDropEnabledOption,
-    api = _ref.api;
-  var _useSharedState = useSharedState(api),
-    mode = _useSharedState.mode;
   var isLivePageViewMode = mode === 'view';
   return jsx(Global, {
     styles: tableStyles({

package/dist/esm/ui/icons/SortingIconWrapper.js

@@ -1,27 +1,14 @@
 import React from 'react';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { SortingIcon } from '@atlaskit/editor-common/table';
-var useSharedState = sharedPluginStateHookMigratorFactory(function (api) {
-  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['editorViewMode'], function (states) {
+export var SortingIconWrapper = function SortingIconWrapper(props) {
+  var _useSharedPluginState = useSharedPluginStateWithSelector(props.api, ['editorViewMode'], function (states) {
       var _states$editorViewMod;
       return {
         mode: (_states$editorViewMod = states.editorViewModeState) === null || _states$editorViewMod === void 0 ? void 0 : _states$editorViewMod.mode
       };
     }),
     mode = _useSharedPluginState.mode;
-  return {
-    mode: mode
-  };
-}, function (api) {
-  var _useSharedPluginState2 = useSharedPluginState(api, ['editorViewMode']),
-    editorViewModeState = _useSharedPluginState2.editorViewModeState;
-  return {
-    mode: editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode
-  };
-});
-export var SortingIconWrapper = function SortingIconWrapper(props) {
-  var _useSharedState = useSharedState(props.api),
-    mode = _useSharedState.mode;
   if (mode === 'edit') {
     return null;
   }

package/dist/types/nodeviews/TableComponentWithSharedState.d.ts

@@ -25,5 +25,5 @@ type TableComponentWithSharedStateProps = {
 /**
  * Use useSharedPluginState to control re-renders from plugin dependencies
  */
-export declare const TableComponentWithSharedState: ({ view, options, getNode, dispatchAnalyticsEvent, api, getEditorFeatureFlags, eventDispatcher, allowColumnResizing, allowControls, getPos, forwardRef, allowTableAlignment, allowTableResizing, }: TableComponentWithSharedStateProps) => React.JSX.Element | null;
+export declare const TableComponentWithSharedState: ({ view, options, getNode, dispatchAnalyticsEvent, api, getEditorFeatureFlags, eventDispatcher, allowColumnResizing, allowControls, getPos, forwardRef, allowTableAlignment, allowTableResizing, }: TableComponentWithSharedStateProps) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/nodeviews/TableComponentWithSharedState.d.ts

@@ -25,5 +25,5 @@ type TableComponentWithSharedStateProps = {
 /**
  * Use useSharedPluginState to control re-renders from plugin dependencies
  */
-export declare const TableComponentWithSharedState: ({ view, options, getNode, dispatchAnalyticsEvent, api, getEditorFeatureFlags, eventDispatcher, allowColumnResizing, allowControls, getPos, forwardRef, allowTableAlignment, allowTableResizing, }: TableComponentWithSharedStateProps) => React.JSX.Element | null;
+export declare const TableComponentWithSharedState: ({ view, options, getNode, dispatchAnalyticsEvent, api, getEditorFeatureFlags, eventDispatcher, allowColumnResizing, allowControls, getPos, forwardRef, allowTableAlignment, allowTableResizing, }: TableComponentWithSharedStateProps) => React.JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "13.0.5",
+	"version": "13.0.6",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -57,7 +57,7 @@
 		"@atlaskit/primitives": "^14.12.0",
 		"@atlaskit/react-ufo": "^4.5.0",
 		"@atlaskit/theme": "^20.0.0",
-		"@atlaskit/tmp-editor-statsig": "^12.2.0",
+		"@atlaskit/tmp-editor-statsig": "^12.3.0",
 		"@atlaskit/toggle": "^15.1.0",
 		"@atlaskit/tokens": "^6.1.0",
 		"@atlaskit/tooltip": "^20.4.0",