@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.
- package/CHANGELOG.md +27 -0
- package/dist/cjs/doc-utils/editor-use-only.js +2 -0
- package/dist/cjs/element-browser/components/ElementList/ElementList.js +48 -21
- package/dist/cjs/element-browser/components/ElementList/EmptyState.js +1 -1
- package/dist/cjs/element-browser/components/StatelessElementBrowser.js +52 -47
- package/dist/cjs/extensibility/Extension/Lozenge/ExtensionLabel.js +56 -48
- package/dist/cjs/messages/insert-block.js +0 -20
- package/dist/cjs/messages/layout.js +15 -0
- package/dist/cjs/monitoring/error.js +1 -1
- package/dist/cjs/ui/Caption/index.js +7 -6
- package/dist/cjs/ui/DropList/index.js +1 -1
- package/dist/cjs/ui/Pulse/Pulse.js +1 -2
- package/dist/cjs/with-plugin-state/index.js +1 -1
- package/dist/es2019/doc-utils/editor-use-only.js +1 -0
- package/dist/es2019/element-browser/components/ElementList/ElementList.js +50 -20
- package/dist/es2019/element-browser/components/ElementList/EmptyState.js +2 -2
- package/dist/es2019/element-browser/components/StatelessElementBrowser.js +52 -47
- package/dist/es2019/extensibility/Extension/Lozenge/ExtensionLabel.js +56 -48
- package/dist/es2019/messages/insert-block.js +0 -20
- package/dist/es2019/messages/layout.js +15 -0
- package/dist/es2019/monitoring/error.js +1 -1
- package/dist/es2019/ui/Caption/index.js +7 -6
- package/dist/es2019/ui/DropList/index.js +1 -1
- package/dist/es2019/ui/Pulse/Pulse.js +1 -2
- package/dist/es2019/with-plugin-state/index.js +1 -1
- package/dist/esm/doc-utils/editor-use-only.js +1 -0
- package/dist/esm/element-browser/components/ElementList/ElementList.js +48 -21
- package/dist/esm/element-browser/components/ElementList/EmptyState.js +2 -2
- package/dist/esm/element-browser/components/StatelessElementBrowser.js +52 -47
- package/dist/esm/extensibility/Extension/Lozenge/ExtensionLabel.js +56 -48
- package/dist/esm/messages/insert-block.js +0 -20
- package/dist/esm/messages/layout.js +15 -0
- package/dist/esm/monitoring/error.js +1 -1
- package/dist/esm/ui/Caption/index.js +7 -6
- package/dist/esm/ui/DropList/index.js +1 -1
- package/dist/esm/ui/Pulse/Pulse.js +1 -2
- package/dist/esm/with-plugin-state/index.js +1 -1
- package/dist/types/messages/insert-block.d.ts +0 -20
- package/dist/types/messages/layout.d.ts +15 -0
- package/dist/types/types/floating-toolbar.d.ts +2 -0
- package/dist/types/ui-menu/ColorPickerButton/index.d.ts +1 -1
- package/dist/types-ts4.5/messages/insert-block.d.ts +0 -20
- package/dist/types-ts4.5/messages/layout.d.ts +15 -0
- package/dist/types-ts4.5/types/floating-toolbar.d.ts +2 -0
- package/dist/types-ts4.5/ui-menu/ColorPickerButton/index.d.ts +1 -1
- 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
|
-
|
|
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
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
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("
|
|
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:
|
|
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
|
|
142
|
-
// eslint-disable-next-line
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
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:
|
|
172
|
-
}
|
|
173
|
-
css:
|
|
174
|
-
|
|
175
|
-
|
|
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.
|
|
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 =
|
|
26
|
-
color:
|
|
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(
|
|
54
|
-
|
|
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.
|
|
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 (
|
|
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
|
|
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" | "
|
|
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" | "
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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",
|