@atlaskit/editor-plugin-table 16.0.2 → 16.1.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @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
+
+- [`b429c01ce6af9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b429c01ce6af9) -
+  icon migration entry point update
+- Updated dependencies
+
 ## 16.0.2
 
 ### 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/FloatingContextualButton/index.js

@@ -17,7 +17,7 @@ var _ui = require("@atlaskit/editor-common/ui");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-down"));
+var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _commands = require("../../pm-plugins/commands");

package/dist/cjs/ui/FloatingContextualButton/styles.js

@@ -1,31 +1,27 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.tableFloatingCellButtonStyles = exports.tableFloatingCellButtonSelectedStyles = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 var _consts = require("../consts");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var tableFloatingCellButtonStyles = exports.tableFloatingCellButtonStyles = function tableFloatingCellButtonStyles() {
   return (0, _react.css)({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '> div': _objectSpread({
+    '> div': {
       // Sits behind button to provide surface-color background
       background: "var(--ds-surface, ".concat(_colors.N20, ")"),
       borderRadius: "var(--ds-radius-small, 3px)",
       display: 'flex',
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       height: "".concat(_consts.contextualMenuTriggerSize + 2, "px"),
+      width: "var(--ds-space-250, 20px)",
       flexDirection: 'column'
-    }, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && {
-      width: "var(--ds-space-250, 20px)"
-    }),
+    },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     '&& button': {
       background: "var(--ds-background-neutral, none)",

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/FloatingContextualButton/index.js

@@ -15,7 +15,7 @@ import { Popup } from '@atlaskit/editor-common/ui';
 import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { akEditorSmallZIndex } from '@atlaskit/editor-shared-styles';
-import ExpandIcon from '@atlaskit/icon/core/migration/chevron-down';
+import ExpandIcon from '@atlaskit/icon/core/chevron-down';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { toggleContextualMenu } from '../../pm-plugins/commands';

package/dist/es2019/ui/FloatingContextualButton/styles.js

@@ -1,6 +1,5 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { N0, N20, N30A, N700 } from '@atlaskit/theme/colors';
 import { contextualMenuTriggerSize } from '../consts';
 export const tableFloatingCellButtonStyles = () => css({
@@ -12,11 +11,8 @@ export const tableFloatingCellButtonStyles = () => css({
     display: 'flex',
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     height: `${contextualMenuTriggerSize + 2}px`,
-    flexDirection: 'column',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-    ...(fg('platform-visual-refresh-icons') && {
-      width: "var(--ds-space-250, 20px)"
-    })
+    width: "var(--ds-space-250, 20px)",
+    flexDirection: 'column'
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   '&& button': {

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/FloatingContextualButton/index.js

@@ -15,7 +15,7 @@ import { Popup } from '@atlaskit/editor-common/ui';
 import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { akEditorSmallZIndex } from '@atlaskit/editor-shared-styles';
-import ExpandIcon from '@atlaskit/icon/core/migration/chevron-down';
+import ExpandIcon from '@atlaskit/icon/core/chevron-down';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { toggleContextualMenu } from '../../pm-plugins/commands';

package/dist/esm/ui/FloatingContextualButton/styles.js

@@ -1,25 +1,20 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { N0, N20, N30A, N700 } from '@atlaskit/theme/colors';
 import { contextualMenuTriggerSize } from '../consts';
 export var tableFloatingCellButtonStyles = function tableFloatingCellButtonStyles() {
   return css({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    '> div': _objectSpread({
+    '> div': {
       // Sits behind button to provide surface-color background
       background: "var(--ds-surface, ".concat(N20, ")"),
       borderRadius: "var(--ds-radius-small, 3px)",
       display: 'flex',
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       height: "".concat(contextualMenuTriggerSize + 2, "px"),
+      width: "var(--ds-space-250, 20px)",
       flexDirection: 'column'
-    }, fg('platform-visual-refresh-icons') && {
-      width: "var(--ds-space-250, 20px)"
-    }),
+    },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     '&& button': {
       background: "var(--ds-background-neutral, none)",

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.2",
+	"version": "16.1.0",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -37,7 +37,7 @@
 		"@atlaskit/editor-plugin-batch-attribute-updates": "^7.0.0",
 		"@atlaskit/editor-plugin-content-insertion": "^7.0.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^9.0.0",
-		"@atlaskit/editor-plugin-extension": "10.0.0",
+		"@atlaskit/editor-plugin-extension": "10.0.1",
 		"@atlaskit/editor-plugin-guideline": "^7.0.0",
 		"@atlaskit/editor-plugin-interaction": "^12.0.0",
 		"@atlaskit/editor-plugin-limited-mode": "^4.0.0",
@@ -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"
 		}
 	}
 }