@atlaskit/editor-common 76.32.0 → 76.33.1

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-common
 
+## 76.33.1
+
+### Patch Changes
+
+- [#64546](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/64546) [`105de5d67d78`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/105de5d67d78) - ED-21733 fix style for inline image with link mark
+- Updated dependencies
+
+## 76.33.0
+
+### Minor Changes
+
+- [#64107](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/64107) [`0372daafc639`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0372daafc639) - [ux] Refresh the inline card discoverability overlay design:
+
+  - changed color, text size, font, padding, overlay behaviour
+
+### Patch Changes
+
+- [#64152](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/64152) [`4bc51e1731ba`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4bc51e1731ba) - [ux] Added a table selector button to the full page toolbar and button styles
+
 ## 76.32.0
 
 ### Minor Changes

package/dist/cjs/i18n/en.js

@@ -144,7 +144,7 @@ var _default = exports.default = {
   'fabric.editor.infoPanel': 'Info panel',
   'fabric.editor.infoPanel.description': 'Highlight information in a colored panel',
   'fabric.editor.inlineDescription': 'Display link as inline text',
-  'fabric.editor.inlineOverlay': 'Change view',
+  'fabric.editor.inlineOverlay': 'Configure',
   'fabric.editor.inlineTitle': 'Inline',
   'fabric.editor.insertColumn': 'Insert column right',
   'fabric.editor.insertColumnDrag': 'Insert column',

package/dist/cjs/media-inline/styles.js

@@ -14,9 +14,11 @@ var INLINE_IMAGE_WRAPPER_CLASS_NAME = exports.INLINE_IMAGE_WRAPPER_CLASS_NAME =
 var INLINE_IMAGE_ASPECT_RATIO_CSS_VAR_KEY = exports.INLINE_IMAGE_ASPECT_RATIO_CSS_VAR_KEY = '--editor-media-inline-image-aspect-ratio';
 var INLINE_IMAGE_BORDER_SIZE_CSS_VAR_KEY = exports.INLINE_IMAGE_BORDER_SIZE_CSS_VAR_KEY = '--editor-media-inline-image-border-size';
 var INLINE_IMAGE_BORDER_COLOR_CSS_VAR_KEY = exports.INLINE_IMAGE_BORDER_COLOR_CSS_VAR_KEY = '--editor-media-inline-image-border-color';
+
+// We implemented such selectors to ensure specificity:
 var inlineImageHeight = function inlineImageHeight(height) {
   var margin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  > span[data-mark-type='border']\n    > .mediaInlineView-content-wrap\n    > .", ",\n    > span[data-mark-type='border']\n    > .", ",\n    > .", ",\n    > .mediaInlineView-content-wrap\n    > .", " {\n    height: ", "px;\n    transform: translateY(", "px);\n  }\n"])), INLINE_IMAGE_WRAPPER_CLASS_NAME, INLINE_IMAGE_WRAPPER_CLASS_NAME, INLINE_IMAGE_WRAPPER_CLASS_NAME, INLINE_IMAGE_WRAPPER_CLASS_NAME, height, margin);
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  /* Editor style */\n  > .mediaInlineView-content-wrap > .", ",\n  > :is(a, span[data-mark-type='border']) .mediaInlineView-content-wrap > .", ",\n  /* Renderer style */\n  > .", ",\n  > :is(a, span[data-mark-type='border']) .", " {\n    height: ", "px;\n    transform: translateY(", "px);\n  }\n"])), INLINE_IMAGE_WRAPPER_CLASS_NAME, INLINE_IMAGE_WRAPPER_CLASS_NAME, INLINE_IMAGE_WRAPPER_CLASS_NAME, INLINE_IMAGE_WRAPPER_CLASS_NAME, height, margin);
 };
 
 /**

package/dist/cjs/messages/card.js

@@ -113,7 +113,7 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   },
   inlineOverlay: {
     id: 'fabric.editor.inlineOverlay',
-    defaultMessage: 'Change view',
-    description: 'An overlay shown when hover over inline smart link to inform user that they can change link view to card and/or embed.'
+    defaultMessage: 'Configure',
+    description: 'An overlay shown when hover over inline smart link to inform user that they can click the link to edit the links appearance.'
   }
 });

package/dist/cjs/messages/insert-block.js

@@ -76,6 +76,16 @@ var toolbarInsertBlockMessages = exports.toolbarInsertBlockMessages = (0, _react
     defaultMessage: 'Insert a table',
     description: 'Inserts a table in the document'
   },
+  tableSelector: {
+    id: 'fabric.editor.tableSelector',
+    defaultMessage: 'Table size',
+    description: 'Opens a table selector that lets you insert a table of custom size'
+  },
+  tableSelectorDescription: {
+    id: 'fabric.editor.tableSelector.description',
+    defaultMessage: 'Add a table using popup to select a custom size',
+    description: 'Opens a table selector that lets you insert a table of a custom size'
+  },
   expand: {
     id: 'fabric.editor.expand',
     defaultMessage: 'Expand',

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "76.32.0";
+var packageVersion = "76.33.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/cjs/ui/DropList/index.js

@@ -22,7 +22,7 @@ var _templateObject, _templateObject2, _templateObject3;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "76.32.0";
+var packageVersion = "76.33.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/es2019/i18n/en.js

@@ -138,7 +138,7 @@ export default {
   'fabric.editor.infoPanel': 'Info panel',
   'fabric.editor.infoPanel.description': 'Highlight information in a colored panel',
   'fabric.editor.inlineDescription': 'Display link as inline text',
-  'fabric.editor.inlineOverlay': 'Change view',
+  'fabric.editor.inlineOverlay': 'Configure',
   'fabric.editor.inlineTitle': 'Inline',
   'fabric.editor.insertColumn': 'Insert column right',
   'fabric.editor.insertColumnDrag': 'Insert column',

package/dist/es2019/media-inline/styles.js

@@ -5,15 +5,15 @@ export const INLINE_IMAGE_WRAPPER_CLASS_NAME = 'media-inline-image-wrapper';
 export const INLINE_IMAGE_ASPECT_RATIO_CSS_VAR_KEY = '--editor-media-inline-image-aspect-ratio';
 export const INLINE_IMAGE_BORDER_SIZE_CSS_VAR_KEY = '--editor-media-inline-image-border-size';
 export const INLINE_IMAGE_BORDER_COLOR_CSS_VAR_KEY = '--editor-media-inline-image-border-color';
+
+// We implemented such selectors to ensure specificity:
 const inlineImageHeight = (height, margin = 0) => css`
-  > span[data-mark-type='border']
-    > .mediaInlineView-content-wrap
-    > .${INLINE_IMAGE_WRAPPER_CLASS_NAME},
-    > span[data-mark-type='border']
-    > .${INLINE_IMAGE_WRAPPER_CLASS_NAME},
-    > .${INLINE_IMAGE_WRAPPER_CLASS_NAME},
-    > .mediaInlineView-content-wrap
-    > .${INLINE_IMAGE_WRAPPER_CLASS_NAME} {
+  /* Editor style */
+  > .mediaInlineView-content-wrap > .${INLINE_IMAGE_WRAPPER_CLASS_NAME},
+  > :is(a, span[data-mark-type='border']) .mediaInlineView-content-wrap > .${INLINE_IMAGE_WRAPPER_CLASS_NAME},
+  /* Renderer style */
+  > .${INLINE_IMAGE_WRAPPER_CLASS_NAME},
+  > :is(a, span[data-mark-type='border']) .${INLINE_IMAGE_WRAPPER_CLASS_NAME} {
     height: ${height}px;
     transform: translateY(${margin}px);
   }

package/dist/es2019/messages/card.js

@@ -107,7 +107,7 @@ export const messages = defineMessages({
   },
   inlineOverlay: {
     id: 'fabric.editor.inlineOverlay',
-    defaultMessage: 'Change view',
-    description: 'An overlay shown when hover over inline smart link to inform user that they can change link view to card and/or embed.'
+    defaultMessage: 'Configure',
+    description: 'An overlay shown when hover over inline smart link to inform user that they can click the link to edit the links appearance.'
   }
 });

package/dist/es2019/messages/insert-block.js

@@ -70,6 +70,16 @@ export const toolbarInsertBlockMessages = defineMessages({
     defaultMessage: 'Insert a table',
     description: 'Inserts a table in the document'
   },
+  tableSelector: {
+    id: 'fabric.editor.tableSelector',
+    defaultMessage: 'Table size',
+    description: 'Opens a table selector that lets you insert a table of custom size'
+  },
+  tableSelectorDescription: {
+    id: 'fabric.editor.tableSelector.description',
+    defaultMessage: 'Add a table using popup to select a custom size',
+    description: 'Opens a table selector that lets you insert a table of a custom size'
+  },
   expand: {
     id: 'fabric.editor.expand',
     defaultMessage: 'Expand',

package/dist/es2019/monitoring/error.js

@@ -1,6 +1,6 @@
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "76.32.0";
+const packageVersion = "76.33.1";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/ui/DropList/index.js

@@ -7,7 +7,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "76.32.0";
+const packageVersion = "76.33.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/esm/i18n/en.js

@@ -138,7 +138,7 @@ export default {
   'fabric.editor.infoPanel': 'Info panel',
   'fabric.editor.infoPanel.description': 'Highlight information in a colored panel',
   'fabric.editor.inlineDescription': 'Display link as inline text',
-  'fabric.editor.inlineOverlay': 'Change view',
+  'fabric.editor.inlineOverlay': 'Configure',
   'fabric.editor.inlineTitle': 'Inline',
   'fabric.editor.insertColumn': 'Insert column right',
   'fabric.editor.insertColumnDrag': 'Insert column',

package/dist/esm/media-inline/styles.js

@@ -7,9 +7,11 @@ export var INLINE_IMAGE_WRAPPER_CLASS_NAME = 'media-inline-image-wrapper';
 export var INLINE_IMAGE_ASPECT_RATIO_CSS_VAR_KEY = '--editor-media-inline-image-aspect-ratio';
 export var INLINE_IMAGE_BORDER_SIZE_CSS_VAR_KEY = '--editor-media-inline-image-border-size';
 export var INLINE_IMAGE_BORDER_COLOR_CSS_VAR_KEY = '--editor-media-inline-image-border-color';
+
+// We implemented such selectors to ensure specificity:
 var inlineImageHeight = function inlineImageHeight(height) {
   var margin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  > span[data-mark-type='border']\n    > .mediaInlineView-content-wrap\n    > .", ",\n    > span[data-mark-type='border']\n    > .", ",\n    > .", ",\n    > .mediaInlineView-content-wrap\n    > .", " {\n    height: ", "px;\n    transform: translateY(", "px);\n  }\n"])), INLINE_IMAGE_WRAPPER_CLASS_NAME, INLINE_IMAGE_WRAPPER_CLASS_NAME, INLINE_IMAGE_WRAPPER_CLASS_NAME, INLINE_IMAGE_WRAPPER_CLASS_NAME, height, margin);
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /* Editor style */\n  > .mediaInlineView-content-wrap > .", ",\n  > :is(a, span[data-mark-type='border']) .mediaInlineView-content-wrap > .", ",\n  /* Renderer style */\n  > .", ",\n  > :is(a, span[data-mark-type='border']) .", " {\n    height: ", "px;\n    transform: translateY(", "px);\n  }\n"])), INLINE_IMAGE_WRAPPER_CLASS_NAME, INLINE_IMAGE_WRAPPER_CLASS_NAME, INLINE_IMAGE_WRAPPER_CLASS_NAME, INLINE_IMAGE_WRAPPER_CLASS_NAME, height, margin);
 };
 
 /**

package/dist/esm/messages/card.js

@@ -107,7 +107,7 @@ export var messages = defineMessages({
   },
   inlineOverlay: {
     id: 'fabric.editor.inlineOverlay',
-    defaultMessage: 'Change view',
-    description: 'An overlay shown when hover over inline smart link to inform user that they can change link view to card and/or embed.'
+    defaultMessage: 'Configure',
+    description: 'An overlay shown when hover over inline smart link to inform user that they can click the link to edit the links appearance.'
   }
 });

package/dist/esm/messages/insert-block.js

@@ -70,6 +70,16 @@ export var toolbarInsertBlockMessages = defineMessages({
     defaultMessage: 'Insert a table',
     description: 'Inserts a table in the document'
   },
+  tableSelector: {
+    id: 'fabric.editor.tableSelector',
+    defaultMessage: 'Table size',
+    description: 'Opens a table selector that lets you insert a table of custom size'
+  },
+  tableSelectorDescription: {
+    id: 'fabric.editor.tableSelector.description',
+    defaultMessage: 'Add a table using popup to select a custom size',
+    description: 'Opens a table selector that lets you insert a table of a custom size'
+  },
   expand: {
     id: 'fabric.editor.expand',
     defaultMessage: 'Expand',

package/dist/esm/monitoring/error.js

@@ -6,7 +6,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "76.32.0";
+var packageVersion = "76.33.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -17,7 +17,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "76.32.0";
+var packageVersion = "76.33.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/types/messages/insert-block.d.ts

@@ -69,6 +69,16 @@ export declare const toolbarInsertBlockMessages: {
         defaultMessage: string;
         description: string;
     };
+    tableSelector: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    tableSelectorDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     expand: {
         id: string;
         defaultMessage: string;

package/dist/types-ts4.5/messages/insert-block.d.ts

@@ -69,6 +69,16 @@ export declare const toolbarInsertBlockMessages: {
         defaultMessage: string;
         description: string;
     };
+    tableSelector: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    tableSelectorDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     expand: {
         id: string;
         defaultMessage: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "76.32.0",
+  "version": "76.33.1",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -103,7 +103,7 @@
     "@atlaskit/editor-json-transformer": "^8.10.0",
     "@atlaskit/editor-palette": "1.5.2",
     "@atlaskit/editor-prosemirror": "1.1.0",
-    "@atlaskit/editor-shared-styles": "^2.8.0",
+    "@atlaskit/editor-shared-styles": "^2.9.0",
     "@atlaskit/editor-tables": "^2.3.0",
     "@atlaskit/emoji": "^67.6.0",
     "@atlaskit/icon": "^22.0.0",
@@ -124,7 +124,7 @@
     "@atlaskit/task-decision": "^17.9.0",
     "@atlaskit/textfield": "^6.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.32.0",
+    "@atlaskit/tokens": "^1.33.0",
     "@atlaskit/tooltip": "^18.1.0",
     "@atlaskit/ufo": "^0.2.0",
     "@atlaskit/width-detector": "^4.1.0",