@atlaskit/editor-common 76.31.0 → 76.33.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-common
 
+## 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
+
+- [#63540](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/63540) [`f90baf9336e6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f90baf9336e6) - [ux] EDF-52: Hide quickInsert AI items based on AI config item isVisible handler (such as when documents are empty). This change is behind the platform flag platform.editor.ai-dynamic-show-hide-quick-insert-items_4ie8s (since it depends on adoption of a corresponding editor-common version to be enabled).
+
 ## 76.31.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/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.31.0";
+var packageVersion = "76.33.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/cjs/quick-insert/utils.js

@@ -10,14 +10,29 @@ var _fuse = _interopRequireDefault(require("fuse.js"));
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var processQuickInsertItems = function processQuickInsertItems(items, intl) {
   return items.reduce(function (acc, item) {
-    if (typeof item === 'function') {
+    if (typeof item === 'function' &&
+    // we preserve handler items with disableMemo so that we
+    // can process them in a later step outside of memoizations
+    !item.disableMemo) {
       var quickInsertItems = item(intl);
       return acc.concat(quickInsertItems);
     }
     return acc.concat(item);
   }, []);
 };
-var memoProcessQuickInsertItems = exports.memoProcessQuickInsertItems = (0, _memoizeOne.default)(processQuickInsertItems);
+var memoizedProcessQuickInsertItems = (0, _memoizeOne.default)(processQuickInsertItems);
+var memoProcessQuickInsertItems = exports.memoProcessQuickInsertItems = function memoProcessQuickInsertItems(items, intl) {
+  var memoizedResults = memoizedProcessQuickInsertItems(items, intl);
+  var hasDisabledMemos = items.some(function (item) {
+    return typeof item === 'function' && item.disableMemo;
+  });
+  if (!hasDisabledMemos) {
+    return memoizedResults;
+  }
+  return memoizedResults.flatMap(function (item) {
+    return typeof item === 'function' && item.disableMemo ? item(intl) : item;
+  });
+};
 var options = {
   threshold: 0.3,
   keys: [{

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.31.0";
+var packageVersion = "76.33.0";
 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/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.31.0";
+const packageVersion = "76.33.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/quick-insert/utils.js

@@ -2,14 +2,25 @@ import Fuse from 'fuse.js';
 import memoizeOne from 'memoize-one';
 const processQuickInsertItems = (items, intl) => {
   return items.reduce((acc, item) => {
-    if (typeof item === 'function') {
+    if (typeof item === 'function' &&
+    // we preserve handler items with disableMemo so that we
+    // can process them in a later step outside of memoizations
+    !item.disableMemo) {
       const quickInsertItems = item(intl);
       return acc.concat(quickInsertItems);
     }
     return acc.concat(item);
   }, []);
 };
-export const memoProcessQuickInsertItems = memoizeOne(processQuickInsertItems);
+const memoizedProcessQuickInsertItems = memoizeOne(processQuickInsertItems);
+export const memoProcessQuickInsertItems = (items, intl) => {
+  const memoizedResults = memoizedProcessQuickInsertItems(items, intl);
+  const hasDisabledMemos = items.some(item => typeof item === 'function' && item.disableMemo);
+  if (!hasDisabledMemos) {
+    return memoizedResults;
+  }
+  return memoizedResults.flatMap(item => typeof item === 'function' && item.disableMemo ? item(intl) : item);
+};
 const options = {
   threshold: 0.3,
   keys: [{

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.31.0";
+const packageVersion = "76.33.0";
 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/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.31.0";
+var packageVersion = "76.33.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/quick-insert/utils.js

@@ -2,14 +2,29 @@ import Fuse from 'fuse.js';
 import memoizeOne from 'memoize-one';
 var processQuickInsertItems = function processQuickInsertItems(items, intl) {
   return items.reduce(function (acc, item) {
-    if (typeof item === 'function') {
+    if (typeof item === 'function' &&
+    // we preserve handler items with disableMemo so that we
+    // can process them in a later step outside of memoizations
+    !item.disableMemo) {
       var quickInsertItems = item(intl);
       return acc.concat(quickInsertItems);
     }
     return acc.concat(item);
   }, []);
 };
-export var memoProcessQuickInsertItems = memoizeOne(processQuickInsertItems);
+var memoizedProcessQuickInsertItems = memoizeOne(processQuickInsertItems);
+export var memoProcessQuickInsertItems = function memoProcessQuickInsertItems(items, intl) {
+  var memoizedResults = memoizedProcessQuickInsertItems(items, intl);
+  var hasDisabledMemos = items.some(function (item) {
+    return typeof item === 'function' && item.disableMemo;
+  });
+  if (!hasDisabledMemos) {
+    return memoizedResults;
+  }
+  return memoizedResults.flatMap(function (item) {
+    return typeof item === 'function' && item.disableMemo ? item(intl) : item;
+  });
+};
 var options = {
   threshold: 0.3,
   keys: [{

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.31.0";
+var packageVersion = "76.33.0";
 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/quick-insert/utils.d.ts

@@ -1,8 +1,7 @@
 import type { IntlShape } from 'react-intl-next';
 import type { QuickInsertItem } from '../provider-factory';
 import type { QuickInsertHandler } from '../types';
-declare const processQuickInsertItems: (items: Array<QuickInsertHandler | QuickInsertItem>, intl: IntlShape) => QuickInsertItem[];
-export declare const memoProcessQuickInsertItems: typeof processQuickInsertItems;
+export declare const memoProcessQuickInsertItems: (items: Array<QuickInsertHandler>, intl: IntlShape) => QuickInsertItem[];
 /**
  * This function is used to find and sort QuickInsertItems based on a given query string.
  *
@@ -12,4 +11,3 @@ export declare const memoProcessQuickInsertItems: typeof processQuickInsertItems
  * @returns {QuickInsertItem[]} - Returns a sorted array of QuickInsertItems based on the priority. If the query string is empty, it will return the array sorted by priority. If a query string is provided, it will return an array of QuickInsertItems that match the query string, sorted by relevance to the query.
  */
 export declare function find(query: string, items: QuickInsertItem[]): QuickInsertItem[];
-export {};

package/dist/types/types/index.d.ts

@@ -48,7 +48,7 @@ export type { TOOLBAR_MENU_TYPE } from './insert-block';
 export type { TextFormattingOptions, TextFormattingState, InputMethodToolbar, InputMethodBasic, } from './text-formatting';
 export type { LayoutPluginOptions } from './layout';
 export type { LongPressSelectionPluginOptions } from './selection';
-export type { QuickInsertPluginState, QuickInsertPluginStateKeys, QuickInsertOptions, QuickInsertPluginOptions, QuickInsertSearchOptions, QuickInsertSharedState, QuickInsertHandler, } from './quick-insert';
+export type { QuickInsertPluginState, QuickInsertPluginStateKeys, QuickInsertOptions, QuickInsertPluginOptions, QuickInsertSearchOptions, QuickInsertSharedState, QuickInsertHandler, QuickInsertHandlerFn, } from './quick-insert';
 export type { Refs, RefsNode, DocBuilder } from './doc-builder';
 export type { SelectionToolbarGroup, SelectionToolbarHandler, } from './selection-toolbar';
 export type { FeedbackInfo } from './feedback-dialog';

package/dist/types/types/quick-insert.d.ts

@@ -4,7 +4,10 @@ import type { EmptyStateHandler } from './empty-state-handler';
 export type QuickInsertOptions = boolean | {
     provider: Promise<QuickInsertProvider>;
 };
-export type QuickInsertHandler = Array<QuickInsertItem> | ((intl: IntlShape) => Array<QuickInsertItem>);
+export type QuickInsertHandlerFn = ((intl: IntlShape) => Array<QuickInsertItem>) & {
+    disableMemo?: boolean;
+};
+export type QuickInsertHandler = Array<QuickInsertItem> | QuickInsertHandlerFn;
 export type IconProps = {
     label?: 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/dist/types-ts4.5/quick-insert/utils.d.ts

@@ -1,8 +1,7 @@
 import type { IntlShape } from 'react-intl-next';
 import type { QuickInsertItem } from '../provider-factory';
 import type { QuickInsertHandler } from '../types';
-declare const processQuickInsertItems: (items: Array<QuickInsertHandler | QuickInsertItem>, intl: IntlShape) => QuickInsertItem[];
-export declare const memoProcessQuickInsertItems: typeof processQuickInsertItems;
+export declare const memoProcessQuickInsertItems: (items: Array<QuickInsertHandler>, intl: IntlShape) => QuickInsertItem[];
 /**
  * This function is used to find and sort QuickInsertItems based on a given query string.
  *
@@ -12,4 +11,3 @@ export declare const memoProcessQuickInsertItems: typeof processQuickInsertItems
  * @returns {QuickInsertItem[]} - Returns a sorted array of QuickInsertItems based on the priority. If the query string is empty, it will return the array sorted by priority. If a query string is provided, it will return an array of QuickInsertItems that match the query string, sorted by relevance to the query.
  */
 export declare function find(query: string, items: QuickInsertItem[]): QuickInsertItem[];
-export {};

package/dist/types-ts4.5/types/index.d.ts

@@ -48,7 +48,7 @@ export type { TOOLBAR_MENU_TYPE } from './insert-block';
 export type { TextFormattingOptions, TextFormattingState, InputMethodToolbar, InputMethodBasic, } from './text-formatting';
 export type { LayoutPluginOptions } from './layout';
 export type { LongPressSelectionPluginOptions } from './selection';
-export type { QuickInsertPluginState, QuickInsertPluginStateKeys, QuickInsertOptions, QuickInsertPluginOptions, QuickInsertSearchOptions, QuickInsertSharedState, QuickInsertHandler, } from './quick-insert';
+export type { QuickInsertPluginState, QuickInsertPluginStateKeys, QuickInsertOptions, QuickInsertPluginOptions, QuickInsertSearchOptions, QuickInsertSharedState, QuickInsertHandler, QuickInsertHandlerFn, } from './quick-insert';
 export type { Refs, RefsNode, DocBuilder } from './doc-builder';
 export type { SelectionToolbarGroup, SelectionToolbarHandler, } from './selection-toolbar';
 export type { FeedbackInfo } from './feedback-dialog';

package/dist/types-ts4.5/types/quick-insert.d.ts

@@ -4,7 +4,10 @@ import type { EmptyStateHandler } from './empty-state-handler';
 export type QuickInsertOptions = boolean | {
     provider: Promise<QuickInsertProvider>;
 };
-export type QuickInsertHandler = Array<QuickInsertItem> | ((intl: IntlShape) => Array<QuickInsertItem>);
+export type QuickInsertHandlerFn = ((intl: IntlShape) => Array<QuickInsertItem>) & {
+    disableMemo?: boolean;
+};
+export type QuickInsertHandler = Array<QuickInsertItem> | QuickInsertHandlerFn;
 export type IconProps = {
     label?: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "76.31.0",
+  "version": "76.33.0",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -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",