@atlaskit/editor-plugin-table 1.2.4 → 1.2.5

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-plugin-table
 
+## 1.2.5
+
+### Patch Changes
+
+- [`115a119a42c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/115a119a42c) - [ux] ED-17710 Color palette in table context menu is tokenised.
+
 ## 1.2.4
 
 ### Patch Changes

package/dist/cjs/plugins/table/ui/FloatingContextualMenu/ContextualMenu.js

@@ -14,6 +14,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
+var _editorPalette = require("@atlaskit/editor-palette");
 var _utils = require("@atlaskit/editor-tables/utils");
 var _reactIntlNext = require("react-intl-next");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
@@ -148,6 +149,7 @@ var ContextualMenu = /*#__PURE__*/function (_Component) {
             paletteOptions: {
               palette: _uiColor.cellBackgroundColorPalette,
               paletteColorTooltipMessages: _uiColor.backgroundPaletteTooltipMessages,
+              hexToPaletteColor: _editorPalette.hexToEditorBackgroundPaletteColor,
               // We did not want to create new FF or update
               //  useSomewhatSemanticTextColorNames name
               //  because it is temporary and require extra work.

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "1.2.4",
+	"version": "1.2.5",
 	"sideEffects": false
 }

package/dist/es2019/plugins/table/ui/FloatingContextualMenu/ContextualMenu.js

@@ -2,6 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
 import { Component } from 'react';
 import { jsx } from '@emotion/react';
+import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
 import { splitCell } from '@atlaskit/editor-tables/utils';
 import { defineMessages, injectIntl } from 'react-intl-next';
 import { addColumnAfter, addRowAfter, backspace, tooltip } from '@atlaskit/editor-common/keymaps';
@@ -135,6 +136,7 @@ export class ContextualMenu extends Component {
             paletteOptions: {
               palette: cellBackgroundColorPalette,
               paletteColorTooltipMessages: backgroundPaletteTooltipMessages,
+              hexToPaletteColor: hexToEditorBackgroundPaletteColor,
               // We did not want to create new FF or update
               //  useSomewhatSemanticTextColorNames name
               //  because it is temporary and require extra work.

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "1.2.4",
+	"version": "1.2.5",
 	"sideEffects": false
 }

package/dist/esm/plugins/table/ui/FloatingContextualMenu/ContextualMenu.js

@@ -12,6 +12,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 /** @jsx jsx */
 import { Component } from 'react';
 import { jsx } from '@emotion/react';
+import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
 import { splitCell } from '@atlaskit/editor-tables/utils';
 import { defineMessages, injectIntl } from 'react-intl-next';
 import { addColumnAfter, addRowAfter, backspace, tooltip } from '@atlaskit/editor-common/keymaps';
@@ -141,6 +142,7 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
             paletteOptions: {
               palette: cellBackgroundColorPalette,
               paletteColorTooltipMessages: backgroundPaletteTooltipMessages,
+              hexToPaletteColor: hexToEditorBackgroundPaletteColor,
               // We did not want to create new FF or update
               //  useSomewhatSemanticTextColorNames name
               //  because it is temporary and require extra work.

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "1.2.4",
+	"version": "1.2.5",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-table",
-  "version": "1.2.4",
+  "version": "1.2.5",
   "description": "Table plugin for the @atlaskit/editor",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -19,7 +19,8 @@
   },
   "dependencies": {
     "@atlaskit/adf-schema": "^25.5.0",
-    "@atlaskit/editor-common": "^72.8.0",
+    "@atlaskit/editor-common": "^72.9.0",
+    "@atlaskit/editor-palette": "1.3.0",
     "@atlaskit/editor-shared-styles": "^2.3.0",
     "@atlaskit/editor-tables": "^2.2.0",
     "@atlaskit/icon": "^21.11.0",
@@ -55,7 +56,7 @@
     "@atlaskit/editor-plugin-feature-flags": "^0.0.3",
     "@atlaskit/editor-test-helpers": "^18.2.0",
     "@atlaskit/link-provider": "^1.5.0",
-    "@atlaskit/logo": "^13.12.0",
+    "@atlaskit/logo": "^13.13.0",
     "@atlaskit/media-integration-test-helpers": "^2.6.0",
     "@atlaskit/synchrony-test-helpers": "^2.3.0",
     "@atlaskit/util-data-test": "^17.7.0",

package/src/__tests__/visual-regression/__image_snapshots__/sticky-header-ts-snapshot-test-table-sticky-header-should-align-with-table-cell-when-active-1-snap.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:4c5e3b7ade5e92b861452ef14e9774592b6252c91a89e955a33e56e3678cf54c
-size 20560
+oid sha256:7e4711c029f049a837051d496f231798f2242062e12e31917fa6ea29e6b8c642
+size 20453

package/src/__tests__/visual-regression/__image_snapshots__/sticky-header-ts-snapshot-test-table-sticky-header-should-align-with-table-cell-when-active-2-snap.png

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:19e5db9586d2f5b635464786308235a3da2adda2bea5ab7dcde7a50d901cd869
-size 19731
+oid sha256:a063075cc5504c85ba5809ece337a3a687f58a74fdb9e2b820e8ab6d234b8dd7
+size 19687

package/src/__tests__/visual-regression/sticky-header.ts

@@ -38,8 +38,7 @@ describe('Snapshot Test: Table', () => {
   });
 
   describe('sticky header', () => {
-    // FIXME: This test was automatically skipped due to failure on 14/02/2023: https://product-fabric.atlassian.net/browse/ED-16900
-    it.skip('should align with table cell when active', async () => {
+    it('should align with table cell when active', async () => {
       await initEditor(page, stickyHeaderWithHorizontalScroll);
 
       await clickFirstCell(page, true);

package/src/plugins/table/ui/FloatingContextualMenu/ContextualMenu.tsx

@@ -2,6 +2,7 @@
 import { Component } from 'react';
 import { jsx } from '@emotion/react';
 import { Rect } from '@atlaskit/editor-tables/table-map';
+import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
 import { splitCell } from '@atlaskit/editor-tables/utils';
 import { EditorView } from 'prosemirror-view';
 import {
@@ -252,6 +253,7 @@ export class ContextualMenu extends Component<
                     palette: cellBackgroundColorPalette,
                     paletteColorTooltipMessages:
                       backgroundPaletteTooltipMessages,
+                    hexToPaletteColor: hexToEditorBackgroundPaletteColor,
                     // We did not want to create new FF or update
                     //  useSomewhatSemanticTextColorNames name
                     //  because it is temporary and require extra work.