@atlaskit/editor-plugin-table 16.0.3 → 16.1.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/editor-plugin-table
 
+## 16.1.0
+
+### Minor Changes
+
+- [`00e69e0b7c839`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/00e69e0b7c839) -
+  Clean up and removal of the `platform-visual-refresh-icons` feature flag.
+
+### Patch Changes
+
+- [`a3bc4ac27ae8e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a3bc4ac27ae8e) -
+  [ux] EDITOR-4134 Fix firefox nightly for anchor fallback solution
+- Updated dependencies
+
 ## 16.0.3
 
 ### Patch Changes

package/dist/cjs/pm-plugins/table-anchor-names/plugin.js

@@ -10,8 +10,10 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _uuid = _interopRequireDefault(require("uuid"));
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+var _styles = require("@atlaskit/editor-common/styles");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _view = require("@atlaskit/editor-prosemirror/view");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid
 var ObjHash = /*#__PURE__*/function () {
   function ObjHash() {
@@ -45,7 +47,12 @@ var createTableAnchorDecorations = function createTableAnchorDecorations(state)
     // only apply to header cells and the first row of a table, for performance reasons
     if (isTableRow && index === 0 || isTableHeader) {
       var anchorName = getNodeAnchor(node);
-      decs.push(_view.Decoration.node(pos, pos + node.nodeSize, {
+      var shouldAddAnchorNameInDecoration = !(0, _styles.isCSSAttrAnchorSupported)() && (0, _styles.isCSSAnchorSupported)() && (0, _platformFeatureFlags.fg)('platform_editor_table_sticky_header_patch_8');
+      var attributes = {
+        'data-node-anchor': anchorName,
+        'style': "anchor-name: ".concat(anchorName, ";")
+      };
+      decs.push(_view.Decoration.node(pos, pos + node.nodeSize, shouldAddAnchorNameInDecoration ? attributes : {
         'data-node-anchor': anchorName
       }));
     }

package/dist/cjs/ui/toolbar.js

@@ -113,8 +113,7 @@ var getToolbarMenuConfig = exports.getToolbarMenuConfig = function getToolbarMen
       id: 'editor.table.tableOptions',
       type: 'dropdown',
       testId: 'table_options',
-      icon: (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? undefined : _customize.default,
-      iconBefore: (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? _customize.default : undefined,
+      iconBefore: _customize.default,
       title: formatMessage(_messages.tableMessages.tableOptions),
       hidden: options.every(function (option) {
         return option.hidden;

package/dist/es2019/pm-plugins/table-anchor-names/plugin.js

@@ -2,8 +2,10 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid
 import uuid from 'uuid';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { isCSSAnchorSupported, isCSSAttrAnchorSupported } from '@atlaskit/editor-common/styles';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
+import { fg } from '@atlaskit/platform-feature-flags';
 class ObjHash {
   static getForNode(node) {
     if (this.cache.has(node)) {
@@ -30,7 +32,12 @@ const createTableAnchorDecorations = state => {
     // only apply to header cells and the first row of a table, for performance reasons
     if (isTableRow && index === 0 || isTableHeader) {
       const anchorName = getNodeAnchor(node);
-      decs.push(Decoration.node(pos, pos + node.nodeSize, {
+      const shouldAddAnchorNameInDecoration = !isCSSAttrAnchorSupported() && isCSSAnchorSupported() && fg('platform_editor_table_sticky_header_patch_8');
+      const attributes = {
+        'data-node-anchor': anchorName,
+        'style': `anchor-name: ${anchorName};`
+      };
+      decs.push(Decoration.node(pos, pos + node.nodeSize, shouldAddAnchorNameInDecoration ? attributes : {
         'data-node-anchor': anchorName
       }));
     }

package/dist/es2019/ui/toolbar.js

@@ -101,8 +101,7 @@ export const getToolbarMenuConfig = (config, state, {
       id: 'editor.table.tableOptions',
       type: 'dropdown',
       testId: 'table_options',
-      icon: fg('platform-visual-refresh-icons') ? undefined : CustomizeIcon,
-      iconBefore: fg('platform-visual-refresh-icons') ? CustomizeIcon : undefined,
+      iconBefore: CustomizeIcon,
       title: formatMessage(messages.tableOptions),
       hidden: options.every(option => option.hidden),
       options,

package/dist/esm/pm-plugins/table-anchor-names/plugin.js

@@ -4,8 +4,10 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid
 import uuid from 'uuid';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { isCSSAnchorSupported, isCSSAttrAnchorSupported } from '@atlaskit/editor-common/styles';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
+import { fg } from '@atlaskit/platform-feature-flags';
 var ObjHash = /*#__PURE__*/function () {
   function ObjHash() {
     _classCallCheck(this, ObjHash);
@@ -38,7 +40,12 @@ var createTableAnchorDecorations = function createTableAnchorDecorations(state)
     // only apply to header cells and the first row of a table, for performance reasons
     if (isTableRow && index === 0 || isTableHeader) {
       var anchorName = getNodeAnchor(node);
-      decs.push(Decoration.node(pos, pos + node.nodeSize, {
+      var shouldAddAnchorNameInDecoration = !isCSSAttrAnchorSupported() && isCSSAnchorSupported() && fg('platform_editor_table_sticky_header_patch_8');
+      var attributes = {
+        'data-node-anchor': anchorName,
+        'style': "anchor-name: ".concat(anchorName, ";")
+      };
+      decs.push(Decoration.node(pos, pos + node.nodeSize, shouldAddAnchorNameInDecoration ? attributes : {
         'data-node-anchor': anchorName
       }));
     }

package/dist/esm/ui/toolbar.js

@@ -106,8 +106,7 @@ export var getToolbarMenuConfig = function getToolbarMenuConfig(config, state, _
       id: 'editor.table.tableOptions',
       type: 'dropdown',
       testId: 'table_options',
-      icon: fg('platform-visual-refresh-icons') ? undefined : CustomizeIcon,
-      iconBefore: fg('platform-visual-refresh-icons') ? CustomizeIcon : undefined,
+      iconBefore: CustomizeIcon,
       title: formatMessage(messages.tableOptions),
       hidden: options.every(function (option) {
         return option.hidden;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "16.0.3",
+	"version": "16.1.0",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -70,7 +70,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^111.0.0",
+		"@atlaskit/editor-common": "^111.1.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
@@ -172,6 +172,9 @@
 		},
 		"platform_editor_table_sticky_header_patch_7": {
 			"type": "boolean"
+		},
+		"platform_editor_table_sticky_header_patch_8": {
+			"type": "boolean"
 		}
 	}
 }