@atlaskit/editor-common 94.2.1 → 94.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/dist/cjs/doc-utils/editor-use-only.js +2 -0
  3. package/dist/cjs/element-browser/components/ElementList/ElementList.js +48 -21
  4. package/dist/cjs/element-browser/components/ElementList/EmptyState.js +1 -1
  5. package/dist/cjs/element-browser/components/StatelessElementBrowser.js +52 -47
  6. package/dist/cjs/extensibility/Extension/Lozenge/ExtensionLabel.js +56 -48
  7. package/dist/cjs/messages/insert-block.js +0 -20
  8. package/dist/cjs/messages/layout.js +15 -0
  9. package/dist/cjs/monitoring/error.js +1 -1
  10. package/dist/cjs/ui/Caption/index.js +7 -6
  11. package/dist/cjs/ui/DropList/index.js +1 -1
  12. package/dist/cjs/ui/Pulse/Pulse.js +1 -2
  13. package/dist/cjs/with-plugin-state/index.js +1 -1
  14. package/dist/es2019/doc-utils/editor-use-only.js +1 -0
  15. package/dist/es2019/element-browser/components/ElementList/ElementList.js +50 -20
  16. package/dist/es2019/element-browser/components/ElementList/EmptyState.js +2 -2
  17. package/dist/es2019/element-browser/components/StatelessElementBrowser.js +52 -47
  18. package/dist/es2019/extensibility/Extension/Lozenge/ExtensionLabel.js +56 -48
  19. package/dist/es2019/messages/insert-block.js +0 -20
  20. package/dist/es2019/messages/layout.js +15 -0
  21. package/dist/es2019/monitoring/error.js +1 -1
  22. package/dist/es2019/ui/Caption/index.js +7 -6
  23. package/dist/es2019/ui/DropList/index.js +1 -1
  24. package/dist/es2019/ui/Pulse/Pulse.js +1 -2
  25. package/dist/es2019/with-plugin-state/index.js +1 -1
  26. package/dist/esm/doc-utils/editor-use-only.js +1 -0
  27. package/dist/esm/element-browser/components/ElementList/ElementList.js +48 -21
  28. package/dist/esm/element-browser/components/ElementList/EmptyState.js +2 -2
  29. package/dist/esm/element-browser/components/StatelessElementBrowser.js +52 -47
  30. package/dist/esm/extensibility/Extension/Lozenge/ExtensionLabel.js +56 -48
  31. package/dist/esm/messages/insert-block.js +0 -20
  32. package/dist/esm/messages/layout.js +15 -0
  33. package/dist/esm/monitoring/error.js +1 -1
  34. package/dist/esm/ui/Caption/index.js +7 -6
  35. package/dist/esm/ui/DropList/index.js +1 -1
  36. package/dist/esm/ui/Pulse/Pulse.js +1 -2
  37. package/dist/esm/with-plugin-state/index.js +1 -1
  38. package/dist/types/messages/insert-block.d.ts +0 -20
  39. package/dist/types/messages/layout.d.ts +15 -0
  40. package/dist/types/types/floating-toolbar.d.ts +2 -0
  41. package/dist/types/ui-menu/ColorPickerButton/index.d.ts +1 -1
  42. package/dist/types-ts4.5/messages/insert-block.d.ts +0 -20
  43. package/dist/types-ts4.5/messages/layout.d.ts +15 -0
  44. package/dist/types-ts4.5/types/floating-toolbar.d.ts +2 -0
  45. package/dist/types-ts4.5/ui-menu/ColorPickerButton/index.d.ts +1 -1
  46. package/package.json +5 -5
@@ -12,6 +12,7 @@ import { FormattedMessage } from 'react-intl-next';
12
12
  import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
13
13
  import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
14
14
  import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '../../analytics';
15
+ import editorUGCToken from '../../ugc-tokens/get-editor-ugc-token';
15
16
  import { DEVICE_BREAKPOINT_NUMBERS, ELEMENT_BROWSER_ID, GRID_SIZE, INLINE_SIDEBAR_HEIGHT, SIDEBAR_HEADING_WRAPPER_HEIGHT, SIDEBAR_WIDTH } from '../constants';
16
17
  import useContainerWidth from '../hooks/use-container-width';
17
18
  import useSelectAndFocusOnArrowNavigation from '../hooks/use-select-and-focus-on-arrow-navigation';
@@ -71,7 +72,8 @@ var sidebarHeading = css({
71
72
  display: 'inline-flex',
72
73
  alignItems: 'center',
73
74
  paddingLeft: "var(--ds-space-150, 12px)",
74
- fontWeight: 700
75
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
76
+ font: editorUGCToken('editor.font.heading.h1', 'typography-modernized') // use editor h1 modernized here as the style matches
75
77
  });
76
78
  var mobileMainContent = css({
77
79
  flex: '1 1 auto',
@@ -271,51 +273,54 @@ function MobileBrowser(_ref) {
271
273
  createAnalyticsEvent = _ref.createAnalyticsEvent,
272
274
  emptyStateHandler = _ref.emptyStateHandler,
273
275
  viewMoreItem = _ref.viewMoreItem;
274
- return jsx("div", {
275
- css: mobileElementBrowserContainer,
276
- onKeyDown: onKeyDown,
277
- "data-testid": "mobile__element-browser"
278
- }, jsx("div", {
279
- css: showCategories ? [mobileSideBar, mobileSideBarShowCategories] : mobileSideBar
280
- }, showSearch && jsx(ElementSearch, {
281
- onSearch: onSearch,
282
- onKeyDown: onKeyPress,
283
- mode: mode,
284
- focus: focusOnSearch,
285
- onClick: setFocusOnSearch,
286
- searchTerm: searchTerm,
287
- items: items,
288
- selectedItemIndex: selectedItemIndex
289
- }), showCategories && jsx("nav", {
290
- css: mobileCategoryListWrapper,
291
- tabIndex: -1
292
- }, jsx(CategoryList, {
293
- categories: categories,
294
- onSelectCategory: onSelectCategory,
295
- selectedCategory: selectedCategory,
296
- focusedCategoryIndex: focusedCategoryIndex,
297
- setFocusedCategoryIndex: setFocusedCategoryIndex,
298
- setFocusedItemIndex: setFocusedItemIndex,
299
- setFocusOnSearch: setFocusOnSearch
300
- }))), jsx("div", {
301
- css: mobileMainContent
302
- }, jsx(ElementList, {
303
- items: items,
304
- mode: mode,
305
- onInsertItem: onInsertItem,
306
- selectedItemIndex: selectedItemIndex,
307
- focusedItemIndex: focusedItemIndex,
308
- setFocusedItemIndex: setFocusedItemIndex,
309
- columnCount: columnCount,
310
- setColumnCount: setColumnCount,
311
- createAnalyticsEvent: createAnalyticsEvent,
312
- emptyStateHandler: emptyStateHandler,
313
- selectedCategory: selectedCategory,
314
- searchTerm: searchTerm
315
- })), viewMoreItem && jsx(ViewMore, {
316
- item: viewMoreItem,
317
- focus: focusOnViewMore
318
- }));
276
+ return (
277
+ // eslint-disable-next-line jsx-a11y/no-static-element-interactions
278
+ jsx("div", {
279
+ css: mobileElementBrowserContainer,
280
+ onKeyDown: onKeyDown,
281
+ "data-testid": "mobile__element-browser"
282
+ }, jsx("div", {
283
+ css: showCategories ? [mobileSideBar, mobileSideBarShowCategories] : mobileSideBar
284
+ }, showSearch && jsx(ElementSearch, {
285
+ onSearch: onSearch,
286
+ onKeyDown: onKeyPress,
287
+ mode: mode,
288
+ focus: focusOnSearch,
289
+ onClick: setFocusOnSearch,
290
+ searchTerm: searchTerm,
291
+ items: items,
292
+ selectedItemIndex: selectedItemIndex
293
+ }), showCategories && jsx("nav", {
294
+ css: mobileCategoryListWrapper,
295
+ tabIndex: -1
296
+ }, jsx(CategoryList, {
297
+ categories: categories,
298
+ onSelectCategory: onSelectCategory,
299
+ selectedCategory: selectedCategory,
300
+ focusedCategoryIndex: focusedCategoryIndex,
301
+ setFocusedCategoryIndex: setFocusedCategoryIndex,
302
+ setFocusedItemIndex: setFocusedItemIndex,
303
+ setFocusOnSearch: setFocusOnSearch
304
+ }))), jsx("div", {
305
+ css: mobileMainContent
306
+ }, jsx(ElementList, {
307
+ items: items,
308
+ mode: mode,
309
+ onInsertItem: onInsertItem,
310
+ selectedItemIndex: selectedItemIndex,
311
+ focusedItemIndex: focusedItemIndex,
312
+ setFocusedItemIndex: setFocusedItemIndex,
313
+ columnCount: columnCount,
314
+ setColumnCount: setColumnCount,
315
+ createAnalyticsEvent: createAnalyticsEvent,
316
+ emptyStateHandler: emptyStateHandler,
317
+ selectedCategory: selectedCategory,
318
+ searchTerm: searchTerm
319
+ })), viewMoreItem && jsx(ViewMore, {
320
+ item: viewMoreItem,
321
+ focus: focusOnViewMore
322
+ }))
323
+ );
319
324
  }
320
325
  function DesktopBrowser(_ref2) {
321
326
  var showCategories = _ref2.showCategories,
@@ -347,7 +352,7 @@ function DesktopBrowser(_ref2) {
347
352
  "data-testid": "desktop__element-browser"
348
353
  }, showCategories && jsx("div", {
349
354
  css: showCategories ? sideBarShowCategories : sideBar
350
- }, jsx("h2", {
355
+ }, jsx("div", {
351
356
  css: sidebarHeading,
352
357
  "data-testid": "sidebar-heading",
353
358
  id: "sidebar-heading"
@@ -69,7 +69,7 @@ var buttonLabelStyles = css({
69
69
  '&.remove-nested-left-margin': {
70
70
  marginLeft: 0
71
71
  },
72
- fontSize: '16px',
72
+ fontSize: "var(--ds-space-200, 16px)",
73
73
  fontWeight: "var(--ds-font-weight-regular, 400)"
74
74
  });
75
75
  var spacerStyles = css({
@@ -77,6 +77,9 @@ var spacerStyles = css({
77
77
  height: '10px'
78
78
  });
79
79
  var textStyles = css({
80
+ // cannot use font.body or editor custom font.body here as line-height need to be 1 (from sharedLabelStyles)
81
+ // cannot use space token as there is not token for 14px
82
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
80
83
  fontSize: '14px',
81
84
  fontWeight: "var(--ds-font-weight-regular, 400)",
82
85
  padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-050, 4px)")
@@ -138,53 +141,58 @@ export var ExtensionLabel = function ExtensionLabel(_ref) {
138
141
  var iconClassNames = classnames({
139
142
  'hide-icon': isBodiedMacro && !isNodeHovered
140
143
  });
141
- return jsx("div", {
142
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
143
- css: containerStyles
144
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
145
- ,
146
- className: containerClassNames
147
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
148
- ,
149
- style: customContainerStyles,
150
- onMouseOver: function onMouseOver() {
151
- setIsNodeHovered === null || setIsNodeHovered === void 0 || setIsNodeHovered(true);
152
- },
153
- onMouseLeave: function onMouseLeave() {
154
- setIsNodeHovered === null || setIsNodeHovered === void 0 || setIsNodeHovered(false);
155
- },
156
- "data-testid": "new-lozenge-container"
157
- }, showMacroButtonUpdates ? jsx(Fragment, null, jsx(Tooltip, {
158
- content: jsx(FormattedMessage, _extends({}, i18n.configure, {
159
- values: {
160
- macroName: text
161
- }
162
- })),
163
- position: "top"
164
- }, function (tooltipProps) {
165
- return jsx("span", _extends({
166
- "data-testid": "new-lozenge-button"
167
- }, tooltipProps, {
168
- css: [sharedLabelStyles, buttonLabelStyles]
144
+ return (
145
+ // eslint-disable-next-line jsx-a11y/no-static-element-interactions
146
+ jsx("div", {
147
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
148
+ css: containerStyles
149
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
150
+ ,
151
+ className: containerClassNames
152
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
153
+ ,
154
+ style: customContainerStyles
155
+ // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
156
+ ,
157
+ onMouseOver: function onMouseOver() {
158
+ setIsNodeHovered === null || setIsNodeHovered === void 0 || setIsNodeHovered(true);
159
+ },
160
+ onMouseLeave: function onMouseLeave() {
161
+ setIsNodeHovered === null || setIsNodeHovered === void 0 || setIsNodeHovered(false);
162
+ },
163
+ "data-testid": "new-lozenge-container"
164
+ }, showMacroButtonUpdates ? jsx(Fragment, null, jsx(Tooltip, {
165
+ content: jsx(FormattedMessage, _extends({}, i18n.configure, {
166
+ values: {
167
+ macroName: text
168
+ }
169
+ })),
170
+ position: "top"
171
+ }, function (tooltipProps) {
172
+ return jsx("span", _extends({
173
+ "data-testid": "new-lozenge-button"
174
+ }, tooltipProps, {
175
+ css: [sharedLabelStyles, buttonLabelStyles]
176
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
177
+ ,
178
+ className: "".concat(sharedLabelClassNames, " ").concat(newButtonLabelClassNames)
179
+ }), text, jsx("span", {
180
+ css: iconStyles,
181
+ className: iconClassNames,
182
+ "data-testid": "config-icon"
183
+ }, jsx(PreferencesIcon, {
184
+ label: ""
185
+ })));
186
+ }), jsx("div", {
187
+ css: spacerStyles
188
+ })) : jsx("span", {
189
+ "data-testid": "new-lozenge",
190
+ css: [sharedLabelStyles, originalLabelStyles]
169
191
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
170
192
  ,
171
- className: "".concat(sharedLabelClassNames, " ").concat(newButtonLabelClassNames)
172
- }), text, jsx("span", {
173
- css: iconStyles,
174
- className: iconClassNames,
175
- "data-testid": "config-icon"
176
- }, jsx(PreferencesIcon, {
177
- label: ""
178
- })));
179
- }), jsx("div", {
180
- css: spacerStyles
181
- })) : jsx("span", {
182
- "data-testid": "new-lozenge",
183
- css: [sharedLabelStyles, originalLabelStyles]
184
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
185
- ,
186
- className: sharedLabelClassNames
187
- }, jsx("span", {
188
- css: textStyles
189
- }, text)));
193
+ className: sharedLabelClassNames
194
+ }, jsx("span", {
195
+ css: textStyles
196
+ }, text)))
197
+ );
190
198
  };
@@ -165,26 +165,6 @@ export var toolbarInsertBlockMessages = defineMessages({
165
165
  defaultMessage: 'Layouts',
166
166
  description: 'Create a multi column section or layout'
167
167
  },
168
- twoColumns: {
169
- id: 'fabric.editor.twoColumns',
170
- defaultMessage: '2 columns layout',
171
- description: 'Create a section or layout with two columns'
172
- },
173
- threeColumns: {
174
- id: 'fabric.editor.threeColumns',
175
- defaultMessage: '3 columns layout',
176
- description: 'Create a section or layout with three columns'
177
- },
178
- fourColumns: {
179
- id: 'fabric.editor.fourColumns',
180
- defaultMessage: '4 columns layout',
181
- description: 'Create a section or layout with four columns'
182
- },
183
- fiveColumns: {
184
- id: 'fabric.editor.fiveColumns',
185
- defaultMessage: '5 columns layout',
186
- description: 'Create a section or layout with five columns'
187
- },
188
168
  columnsDescription: {
189
169
  id: 'fabric.editor.columns.description',
190
170
  defaultMessage: 'Structure your page using sections',
@@ -15,6 +15,16 @@ export var toolbarMessages = defineMessages({
15
15
  defaultMessage: 'Three columns layout',
16
16
  description: 'Layout with three columns of equal width'
17
17
  },
18
+ fourColumns: {
19
+ id: 'fabric.editor.fourColumns',
20
+ defaultMessage: 'Four columns layout',
21
+ description: 'Layout with four columns of equal width'
22
+ },
23
+ fiveColumns: {
24
+ id: 'fabric.editor.fiveColumns',
25
+ defaultMessage: 'Five columns layout',
26
+ description: 'Layout with five columns of equal width'
27
+ },
18
28
  rightSidebar: {
19
29
  id: 'fabric.editor.rightSidebar',
20
30
  defaultMessage: 'Right sidebar layout',
@@ -39,5 +49,10 @@ export var toolbarMessages = defineMessages({
39
49
  id: 'fabric.editor.layout.placeholder',
40
50
  defaultMessage: 'Add content',
41
51
  description: 'Add placeholder text for empty layout'
52
+ },
53
+ columnOption: {
54
+ id: 'fabric.editor.layout.columnOption',
55
+ defaultMessage: '{count, plural, one {-column} other {{count}-columns}}',
56
+ description: 'column option text for layout'
42
57
  }
43
58
  });
@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
7
7
  import { isFedRamp } from './environment';
8
8
  var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
9
9
  var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
10
- var packageVersion = "94.2.1";
10
+ var packageVersion = "94.3.1";
11
11
  var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
12
12
  // Remove URL as it has UGC
13
13
  // TODO: Sanitise the URL instead of just removing it
@@ -15,6 +15,7 @@ import React from 'react';
15
15
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
16
16
  import { css, jsx } from '@emotion/react';
17
17
  import { injectIntl } from 'react-intl-next';
18
+ import { Box, Text, xcss } from '@atlaskit/primitives';
18
19
  import { messages } from './messages';
19
20
  var captionWrapperStyle = css({
20
21
  marginTop: "var(--ds-space-100, 8px)",
@@ -22,10 +23,10 @@ var captionWrapperStyle = css({
22
23
  position: 'relative',
23
24
  color: "var(--ds-text-subtle, #44546F)"
24
25
  });
25
- var placeholderStyle = css({
26
- color: "var(--ds-text-subtlest, #626F86)",
26
+ var placeholderStyle = xcss({
27
+ color: 'color.text.subtlest',
27
28
  position: 'absolute',
28
- top: 0,
29
+ top: 'space.0',
29
30
  width: '100%'
30
31
  });
31
32
  export var CaptionComponent = /*#__PURE__*/function (_React$Component) {
@@ -50,9 +51,9 @@ export var CaptionComponent = /*#__PURE__*/function (_React$Component) {
50
51
  "data-testid": "media-caption"
51
52
  }, dataAttributes, {
52
53
  css: captionWrapperStyle
53
- }), showPlaceholder ? jsx("p", {
54
- css: placeholderStyle
55
- }, formatMessage(messages.placeholder)) : null, children);
54
+ }), showPlaceholder ? jsx(Box, {
55
+ xcss: placeholderStyle
56
+ }, jsx(Text, null, formatMessage(messages.placeholder))) : null, children);
56
57
  }
57
58
  }]);
58
59
  return CaptionComponent;
@@ -21,7 +21,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
21
21
  import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
22
22
  import Layer from '../Layer';
23
23
  var packageName = "@atlaskit/editor-common";
24
- var packageVersion = "94.2.1";
24
+ var packageVersion = "94.3.1";
25
25
  var halfFocusRing = 1;
26
26
  var dropOffset = '0, 8';
27
27
  var DropList = /*#__PURE__*/function (_Component) {
@@ -1,6 +1,5 @@
1
1
  import React from 'react';
2
2
  import { SpotlightPulse } from '@atlaskit/onboarding';
3
- import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
4
3
  /**
5
4
  * Wraps children with {@link SpotlightPulse} component.
6
5
  *
@@ -14,7 +13,7 @@ export function Pulse(_ref) {
14
13
  _ref$radius = _ref.radius,
15
14
  radius = _ref$radius === void 0 ? 3 : _ref$radius,
16
15
  children = _ref.children;
17
- if (editorExperiment('platform_editor_ai_onboarding', 'test') && pulse) {
16
+ if (pulse) {
18
17
  return (
19
18
  /*#__PURE__*/
20
19
  // SpotlightPulse shows pulse effect if `pulse` is `undefined`.
@@ -21,7 +21,7 @@ import { analyticsEventKey } from '../utils';
21
21
  var DEFAULT_SAMPLING_RATE = 100;
22
22
  var DEFAULT_SLOW_THRESHOLD = 4;
23
23
 
24
- // That context was exctract from the old WithPluginState from editor-core
24
+ // That context was extract from the old WithPluginState from editor-core
25
25
  // It was using some private types from
26
26
  // - EditorAction: packages/editor/editor-core/src/actions/index.ts
27
27
  // - EditorSharedConfig: packages/editor/editor-core/src/labs/next/internal/context/shared-config.tsx
@@ -164,26 +164,6 @@ export declare const toolbarInsertBlockMessages: {
164
164
  defaultMessage: string;
165
165
  description: string;
166
166
  };
167
- twoColumns: {
168
- id: string;
169
- defaultMessage: string;
170
- description: string;
171
- };
172
- threeColumns: {
173
- id: string;
174
- defaultMessage: string;
175
- description: string;
176
- };
177
- fourColumns: {
178
- id: string;
179
- defaultMessage: string;
180
- description: string;
181
- };
182
- fiveColumns: {
183
- id: string;
184
- defaultMessage: string;
185
- description: string;
186
- };
187
167
  columnsDescription: {
188
168
  id: string;
189
169
  defaultMessage: string;
@@ -14,6 +14,16 @@ export declare const toolbarMessages: {
14
14
  defaultMessage: string;
15
15
  description: string;
16
16
  };
17
+ fourColumns: {
18
+ id: string;
19
+ defaultMessage: string;
20
+ description: string;
21
+ };
22
+ fiveColumns: {
23
+ id: string;
24
+ defaultMessage: string;
25
+ description: string;
26
+ };
17
27
  rightSidebar: {
18
28
  id: string;
19
29
  defaultMessage: string;
@@ -39,4 +49,9 @@ export declare const toolbarMessages: {
39
49
  defaultMessage: string;
40
50
  description: string;
41
51
  };
52
+ columnOption: {
53
+ id: string;
54
+ defaultMessage: string;
55
+ description: string;
56
+ };
42
57
  };
@@ -222,6 +222,8 @@ export type FloatingToolbarDropdown<T extends {}> = {
222
222
  footer?: React.ReactNode;
223
223
  /** If true, the component will have pulse onboarding effect around it. */
224
224
  pulse?: boolean;
225
+ onMount?: () => void;
226
+ onClick?: () => void;
225
227
  };
226
228
  type FloatingToolbarExtensionsPlaceholder = {
227
229
  type: 'extensions-placeholder';
@@ -30,5 +30,5 @@ declare const _default: React.ForwardRefExoticComponent<Pick<Omit<{
30
30
  skipFocusButtonAfterPick?: boolean | undefined;
31
31
  absoluteOffset?: PopupPosition | undefined;
32
32
  returnEscToButton?: boolean | undefined;
33
- }, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "size" | "currentColor" | "onChange" | "title" | "key" | "placement" | "alignX" | "absoluteOffset" | "analyticsContext" | "cols" | "isAriaExpanded" | "returnEscToButton" | "hexToPaletteColor" | "paletteColorTooltipMessages" | "colorPalette" | "mountPoint" | "setDisableParentScroll" | "skipFocusButtonAfterPick"> & React.RefAttributes<any>>;
33
+ }, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "size" | "currentColor" | "onChange" | "title" | "key" | "cols" | "placement" | "alignX" | "absoluteOffset" | "analyticsContext" | "isAriaExpanded" | "returnEscToButton" | "hexToPaletteColor" | "paletteColorTooltipMessages" | "colorPalette" | "mountPoint" | "setDisableParentScroll" | "skipFocusButtonAfterPick"> & React.RefAttributes<any>>;
34
34
  export default _default;
@@ -164,26 +164,6 @@ export declare const toolbarInsertBlockMessages: {
164
164
  defaultMessage: string;
165
165
  description: string;
166
166
  };
167
- twoColumns: {
168
- id: string;
169
- defaultMessage: string;
170
- description: string;
171
- };
172
- threeColumns: {
173
- id: string;
174
- defaultMessage: string;
175
- description: string;
176
- };
177
- fourColumns: {
178
- id: string;
179
- defaultMessage: string;
180
- description: string;
181
- };
182
- fiveColumns: {
183
- id: string;
184
- defaultMessage: string;
185
- description: string;
186
- };
187
167
  columnsDescription: {
188
168
  id: string;
189
169
  defaultMessage: string;
@@ -14,6 +14,16 @@ export declare const toolbarMessages: {
14
14
  defaultMessage: string;
15
15
  description: string;
16
16
  };
17
+ fourColumns: {
18
+ id: string;
19
+ defaultMessage: string;
20
+ description: string;
21
+ };
22
+ fiveColumns: {
23
+ id: string;
24
+ defaultMessage: string;
25
+ description: string;
26
+ };
17
27
  rightSidebar: {
18
28
  id: string;
19
29
  defaultMessage: string;
@@ -39,4 +49,9 @@ export declare const toolbarMessages: {
39
49
  defaultMessage: string;
40
50
  description: string;
41
51
  };
52
+ columnOption: {
53
+ id: string;
54
+ defaultMessage: string;
55
+ description: string;
56
+ };
42
57
  };
@@ -222,6 +222,8 @@ export type FloatingToolbarDropdown<T extends {}> = {
222
222
  footer?: React.ReactNode;
223
223
  /** If true, the component will have pulse onboarding effect around it. */
224
224
  pulse?: boolean;
225
+ onMount?: () => void;
226
+ onClick?: () => void;
225
227
  };
226
228
  type FloatingToolbarExtensionsPlaceholder = {
227
229
  type: 'extensions-placeholder';
@@ -30,5 +30,5 @@ declare const _default: React.ForwardRefExoticComponent<Pick<Omit<{
30
30
  skipFocusButtonAfterPick?: boolean | undefined;
31
31
  absoluteOffset?: PopupPosition | undefined;
32
32
  returnEscToButton?: boolean | undefined;
33
- }, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "size" | "currentColor" | "onChange" | "title" | "key" | "placement" | "alignX" | "absoluteOffset" | "analyticsContext" | "cols" | "isAriaExpanded" | "returnEscToButton" | "hexToPaletteColor" | "paletteColorTooltipMessages" | "colorPalette" | "mountPoint" | "setDisableParentScroll" | "skipFocusButtonAfterPick"> & React.RefAttributes<any>>;
33
+ }, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "size" | "currentColor" | "onChange" | "title" | "key" | "cols" | "placement" | "alignX" | "absoluteOffset" | "analyticsContext" | "isAriaExpanded" | "returnEscToButton" | "hexToPaletteColor" | "paletteColorTooltipMessages" | "colorPalette" | "mountPoint" | "setDisableParentScroll" | "skipFocusButtonAfterPick"> & React.RefAttributes<any>>;
34
34
  export default _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-common",
3
- "version": "94.2.1",
3
+ "version": "94.3.1",
4
4
  "description": "A package that contains common classes and components for editor and renderer",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -123,7 +123,7 @@
123
123
  "@atlaskit/editor-json-transformer": "^8.20.0",
124
124
  "@atlaskit/editor-palette": "1.6.2",
125
125
  "@atlaskit/editor-prosemirror": "6.0.0",
126
- "@atlaskit/editor-shared-styles": "^3.0.0",
126
+ "@atlaskit/editor-shared-styles": "^3.1.0",
127
127
  "@atlaskit/editor-tables": "^2.8.0",
128
128
  "@atlaskit/emoji": "^67.8.0",
129
129
  "@atlaskit/icon": "^22.24.0",
@@ -133,14 +133,14 @@
133
133
  "@atlaskit/media-card": "^78.8.0",
134
134
  "@atlaskit/media-client": "^28.0.0",
135
135
  "@atlaskit/media-client-react": "^2.2.0",
136
- "@atlaskit/media-common": "^11.6.0",
136
+ "@atlaskit/media-common": "^11.7.0",
137
137
  "@atlaskit/media-file-preview": "^0.9.0",
138
138
  "@atlaskit/media-picker": "^66.7.0",
139
139
  "@atlaskit/media-ui": "^25.16.0",
140
140
  "@atlaskit/media-viewer": "49.2.2",
141
141
  "@atlaskit/mention": "^23.3.0",
142
142
  "@atlaskit/menu": "^2.13.0",
143
- "@atlaskit/onboarding": "^11.2.0",
143
+ "@atlaskit/onboarding": "^11.16.0",
144
144
  "@atlaskit/platform-feature-flags": "^0.3.0",
145
145
  "@atlaskit/primitives": "^12.2.0",
146
146
  "@atlaskit/profilecard": "^20.8.0",
@@ -150,7 +150,7 @@
150
150
  "@atlaskit/spinner": "^16.3.0",
151
151
  "@atlaskit/task-decision": "^17.11.0",
152
152
  "@atlaskit/textfield": "^6.5.0",
153
- "@atlaskit/tmp-editor-statsig": "^2.8.0",
153
+ "@atlaskit/tmp-editor-statsig": "^2.9.0",
154
154
  "@atlaskit/tokens": "^2.0.0",
155
155
  "@atlaskit/tooltip": "^18.8.0",
156
156
  "@atlaskit/width-detector": "^4.3.0",