@atlaskit/editor-common 111.7.2 → 111.7.3
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 +10 -0
- package/afm-cc/tsconfig.json +1 -1
- package/dist/cjs/element-browser/ElementBrowser.js +0 -2
- package/dist/cjs/element-browser/components/StatelessElementBrowser.js +2 -10
- package/dist/cjs/messages/placeholder-text.js +4 -4
- package/dist/cjs/monitoring/error.js +1 -1
- package/dist/cjs/ui/DropList/index.js +1 -1
- package/dist/es2019/element-browser/ElementBrowser.js +0 -2
- package/dist/es2019/element-browser/components/StatelessElementBrowser.js +3 -11
- package/dist/es2019/messages/placeholder-text.js +4 -4
- package/dist/es2019/monitoring/error.js +1 -1
- package/dist/es2019/ui/DropList/index.js +1 -1
- package/dist/esm/element-browser/ElementBrowser.js +0 -2
- package/dist/esm/element-browser/components/StatelessElementBrowser.js +3 -11
- package/dist/esm/messages/placeholder-text.js +4 -4
- package/dist/esm/monitoring/error.js +1 -1
- package/dist/esm/ui/DropList/index.js +1 -1
- package/dist/types/element-browser/ElementBrowser.d.ts +0 -7
- package/dist/types/element-browser/components/StatelessElementBrowser.d.ts +0 -14
- package/dist/types/messages/placeholder-text.d.ts +1 -1
- package/dist/types-ts4.5/element-browser/ElementBrowser.d.ts +0 -7
- package/dist/types-ts4.5/element-browser/components/StatelessElementBrowser.d.ts +0 -14
- package/dist/types-ts4.5/messages/placeholder-text.d.ts +1 -1
- package/package.json +6 -9
- package/dist/cjs/element-browser/ViewMore.js +0 -58
- package/dist/es2019/element-browser/ViewMore.js +0 -52
- package/dist/esm/element-browser/ViewMore.js +0 -51
- package/dist/types/element-browser/ViewMore.d.ts +0 -6
- package/dist/types-ts4.5/element-browser/ViewMore.d.ts +0 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,15 @@
|
|
|
1
1
|
# @atlaskit/editor-common
|
|
2
2
|
|
|
3
|
+
## 111.7.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`38c83ce57623b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/38c83ce57623b) -
|
|
8
|
+
[ux] [EDITOR-3853] Update copy for sync block placeholder and copy flag
|
|
9
|
+
- [`11bd6ea9cb0ba`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/11bd6ea9cb0ba) -
|
|
10
|
+
[ux] Clean up platform_editor_refactor_view_more
|
|
11
|
+
- Updated dependencies
|
|
12
|
+
|
|
3
13
|
## 111.7.2
|
|
4
14
|
|
|
5
15
|
### Patch Changes
|
package/afm-cc/tsconfig.json
CHANGED
|
@@ -119,7 +119,6 @@ var ElementBrowser = exports.default = /*#__PURE__*/function (_PureComponent) {
|
|
|
119
119
|
showCategories = _this$props.showCategories,
|
|
120
120
|
mode = _this$props.mode,
|
|
121
121
|
emptyStateHandler = _this$props.emptyStateHandler,
|
|
122
|
-
viewMoreItem = _this$props.viewMoreItem,
|
|
123
122
|
onViewMore = _this$props.onViewMore,
|
|
124
123
|
cache = _this$props.cache,
|
|
125
124
|
autoFocusSearch = _this$props.autoFocusSearch;
|
|
@@ -141,7 +140,6 @@ var ElementBrowser = exports.default = /*#__PURE__*/function (_PureComponent) {
|
|
|
141
140
|
mode: mode,
|
|
142
141
|
searchTerm: searchTerm,
|
|
143
142
|
emptyStateHandler: emptyStateHandler,
|
|
144
|
-
viewMoreItem: viewMoreItem,
|
|
145
143
|
cache: cache,
|
|
146
144
|
onViewMore: onViewMore,
|
|
147
145
|
autoFocusSearch: autoFocusSearch
|
|
@@ -13,7 +13,6 @@ var _react2 = require("@emotion/react");
|
|
|
13
13
|
var _reactIntlNext = require("react-intl-next");
|
|
14
14
|
var _withAnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsContext"));
|
|
15
15
|
var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
|
|
16
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
17
16
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
18
17
|
var _analytics = require("../../analytics");
|
|
19
18
|
var _getEditorUgcToken = _interopRequireDefault(require("../../ugc-tokens/get-editor-ugc-token"));
|
|
@@ -21,7 +20,6 @@ var _ViewMore = require("../components/ViewMore");
|
|
|
21
20
|
var _constants = require("../constants");
|
|
22
21
|
var _useContainerWidth2 = _interopRequireDefault(require("../hooks/use-container-width"));
|
|
23
22
|
var _useSelectAndFocusOnArrowNavigation = _interopRequireDefault(require("../hooks/use-select-and-focus-on-arrow-navigation"));
|
|
24
|
-
var _ViewMore2 = require("../ViewMore");
|
|
25
23
|
var _CategoryList = _interopRequireDefault(require("./CategoryList"));
|
|
26
24
|
var _ElementList = _interopRequireDefault(require("./ElementList/ElementList"));
|
|
27
25
|
var _ElementSearch = _interopRequireDefault(require("./ElementSearch"));
|
|
@@ -130,7 +128,6 @@ function StatelessElementBrowser(props) {
|
|
|
130
128
|
var items = props.items,
|
|
131
129
|
onSelectItem = props.onSelectItem,
|
|
132
130
|
onInsertItem = props.onInsertItem,
|
|
133
|
-
viewMoreItem = props.viewMoreItem,
|
|
134
131
|
onViewMore = props.onViewMore,
|
|
135
132
|
selectedCategory = props.selectedCategory,
|
|
136
133
|
onSelectCategory = props.onSelectCategory,
|
|
@@ -170,7 +167,7 @@ function StatelessElementBrowser(props) {
|
|
|
170
167
|
var _items$index$isDisabl, _items$index;
|
|
171
168
|
return (_items$index$isDisabl = (_items$index = items[index]) === null || _items$index === void 0 ? void 0 : _items$index.isDisabled) !== null && _items$index$isDisabl !== void 0 ? _items$index$isDisabl : false;
|
|
172
169
|
}, [items]);
|
|
173
|
-
var _useSelectAndFocusOnA = (0, _useSelectAndFocusOnArrowNavigation.default)(items.length - 1, columnCount,
|
|
170
|
+
var _useSelectAndFocusOnA = (0, _useSelectAndFocusOnArrowNavigation.default)(items.length - 1, columnCount, !!onViewMore, itemIsDisabled, isFocusSearch, autoFocusSearch),
|
|
174
171
|
selectedItemIndex = _useSelectAndFocusOnA.selectedItemIndex,
|
|
175
172
|
focusedItemIndex = _useSelectAndFocusOnA.focusedItemIndex,
|
|
176
173
|
setFocusedItemIndex = _useSelectAndFocusOnA.setFocusedItemIndex,
|
|
@@ -272,7 +269,6 @@ function StatelessElementBrowser(props) {
|
|
|
272
269
|
setFocusOnSearch: setFocusOnSearch,
|
|
273
270
|
onKeyPress: onItemsEnterTabKeyPress,
|
|
274
271
|
onKeyDown: onKeyDown,
|
|
275
|
-
viewMoreItem: viewMoreItem,
|
|
276
272
|
onViewMore: onViewMore,
|
|
277
273
|
focusOnViewMore: focusOnViewMore,
|
|
278
274
|
cache: cache
|
|
@@ -323,7 +319,6 @@ function MobileBrowser(_ref) {
|
|
|
323
319
|
searchTerm = _ref.searchTerm,
|
|
324
320
|
createAnalyticsEvent = _ref.createAnalyticsEvent,
|
|
325
321
|
emptyStateHandler = _ref.emptyStateHandler,
|
|
326
|
-
viewMoreItem = _ref.viewMoreItem,
|
|
327
322
|
onViewMore = _ref.onViewMore,
|
|
328
323
|
cache = _ref.cache,
|
|
329
324
|
_ref$focusOnEmptyStat = _ref.focusOnEmptyStateButton,
|
|
@@ -375,12 +370,9 @@ function MobileBrowser(_ref) {
|
|
|
375
370
|
selectedCategory: selectedCategory,
|
|
376
371
|
searchTerm: searchTerm,
|
|
377
372
|
cache: cache
|
|
378
|
-
})), onViewMore && (0,
|
|
373
|
+
})), onViewMore && (0, _react2.jsx)(_ViewMore.ViewMore, {
|
|
379
374
|
onViewMore: onViewMore,
|
|
380
375
|
focus: focusOnViewMore
|
|
381
|
-
}), viewMoreItem && !(0, _platformFeatureFlags.fg)('platform_editor_refactor_view_more') && (0, _react2.jsx)(_ViewMore2.ViewMore, {
|
|
382
|
-
item: viewMoreItem,
|
|
383
|
-
focus: focusOnViewMore
|
|
384
376
|
}))
|
|
385
377
|
);
|
|
386
378
|
}
|
|
@@ -46,9 +46,9 @@ var placeholderTextMessages = exports.placeholderTextMessages = (0, _reactIntlNe
|
|
|
46
46
|
defaultMessage: ' to insert elements',
|
|
47
47
|
description: 'Text after slash in long empty node placeholder'
|
|
48
48
|
},
|
|
49
|
-
|
|
50
|
-
id: 'fabric.editor.
|
|
51
|
-
defaultMessage: 'Add content
|
|
52
|
-
description: 'Placeholder text for sync block'
|
|
49
|
+
sourceSyncBlockPlaceholderText: {
|
|
50
|
+
id: 'fabric.editor.sourceSyncBlockPlaceholderText',
|
|
51
|
+
defaultMessage: 'Add content you want to reuse. Copy and paste this block to sync in other locations.',
|
|
52
|
+
description: 'Placeholder text for source sync block'
|
|
53
53
|
}
|
|
54
54
|
});
|
|
@@ -19,7 +19,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
19
19
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
20
20
|
var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
21
21
|
var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
22
|
-
var packageVersion = "111.7.
|
|
22
|
+
var packageVersion = "111.7.2";
|
|
23
23
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
24
24
|
// Remove URL as it has UGC
|
|
25
25
|
// Ignored via go/ees007
|
|
@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
24
24
|
* @jsx jsx
|
|
25
25
|
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
26
26
|
var packageName = "@atlaskit/editor-common";
|
|
27
|
-
var packageVersion = "111.7.
|
|
27
|
+
var packageVersion = "111.7.2";
|
|
28
28
|
var halfFocusRing = 1;
|
|
29
29
|
var dropOffset = '0, 8';
|
|
30
30
|
var fadeIn = (0, _react2.keyframes)({
|
|
@@ -88,7 +88,6 @@ export default class ElementBrowser extends PureComponent {
|
|
|
88
88
|
showCategories,
|
|
89
89
|
mode,
|
|
90
90
|
emptyStateHandler,
|
|
91
|
-
viewMoreItem,
|
|
92
91
|
onViewMore,
|
|
93
92
|
cache,
|
|
94
93
|
autoFocusSearch
|
|
@@ -112,7 +111,6 @@ export default class ElementBrowser extends PureComponent {
|
|
|
112
111
|
mode: mode,
|
|
113
112
|
searchTerm: searchTerm,
|
|
114
113
|
emptyStateHandler: emptyStateHandler,
|
|
115
|
-
viewMoreItem: viewMoreItem,
|
|
116
114
|
cache: cache,
|
|
117
115
|
onViewMore: onViewMore,
|
|
118
116
|
autoFocusSearch: autoFocusSearch
|
|
@@ -10,15 +10,13 @@ import { css, jsx } from '@emotion/react';
|
|
|
10
10
|
import { FormattedMessage } from 'react-intl-next';
|
|
11
11
|
import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
|
|
12
12
|
import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
13
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
14
13
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
15
14
|
import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '../../analytics';
|
|
16
15
|
import editorUGCToken from '../../ugc-tokens/get-editor-ugc-token';
|
|
17
|
-
import { ViewMore
|
|
16
|
+
import { ViewMore } from '../components/ViewMore';
|
|
18
17
|
import { DEVICE_BREAKPOINT_NUMBERS, ELEMENT_BROWSER_ID, ELEMENT_BROWSER_LIST_ID, GRID_SIZE, INLINE_SIDEBAR_HEIGHT, SIDEBAR_HEADING_WRAPPER_HEIGHT, SIDEBAR_WIDTH } from '../constants';
|
|
19
18
|
import useContainerWidth from '../hooks/use-container-width';
|
|
20
19
|
import useSelectAndFocusOnArrowNavigation from '../hooks/use-select-and-focus-on-arrow-navigation';
|
|
21
|
-
import { ViewMore } from '../ViewMore';
|
|
22
20
|
import CategoryList from './CategoryList';
|
|
23
21
|
import ElementList from './ElementList/ElementList';
|
|
24
22
|
import ElementSearch from './ElementSearch';
|
|
@@ -120,7 +118,6 @@ function StatelessElementBrowser(props) {
|
|
|
120
118
|
items,
|
|
121
119
|
onSelectItem,
|
|
122
120
|
onInsertItem,
|
|
123
|
-
viewMoreItem,
|
|
124
121
|
onViewMore,
|
|
125
122
|
selectedCategory,
|
|
126
123
|
onSelectCategory,
|
|
@@ -166,7 +163,7 @@ function StatelessElementBrowser(props) {
|
|
|
166
163
|
focusOnViewMore,
|
|
167
164
|
onKeyDown,
|
|
168
165
|
setFocusOnSearch
|
|
169
|
-
} = useSelectAndFocusOnArrowNavigation(items.length - 1, columnCount,
|
|
166
|
+
} = useSelectAndFocusOnArrowNavigation(items.length - 1, columnCount, !!onViewMore, itemIsDisabled, isFocusSearch, autoFocusSearch);
|
|
170
167
|
useEffect(() => {
|
|
171
168
|
fireAnalyticsEvent(props.createAnalyticsEvent)({
|
|
172
169
|
payload: {
|
|
@@ -258,7 +255,6 @@ function StatelessElementBrowser(props) {
|
|
|
258
255
|
setFocusOnSearch: setFocusOnSearch,
|
|
259
256
|
onKeyPress: onItemsEnterTabKeyPress,
|
|
260
257
|
onKeyDown: onKeyDown,
|
|
261
|
-
viewMoreItem: viewMoreItem,
|
|
262
258
|
onViewMore: onViewMore,
|
|
263
259
|
focusOnViewMore: focusOnViewMore,
|
|
264
260
|
cache: cache
|
|
@@ -309,7 +305,6 @@ function MobileBrowser({
|
|
|
309
305
|
searchTerm,
|
|
310
306
|
createAnalyticsEvent,
|
|
311
307
|
emptyStateHandler,
|
|
312
|
-
viewMoreItem,
|
|
313
308
|
onViewMore,
|
|
314
309
|
cache,
|
|
315
310
|
focusOnEmptyStateButton = false
|
|
@@ -361,12 +356,9 @@ function MobileBrowser({
|
|
|
361
356
|
selectedCategory: selectedCategory,
|
|
362
357
|
searchTerm: searchTerm,
|
|
363
358
|
cache: cache
|
|
364
|
-
})), onViewMore &&
|
|
359
|
+
})), onViewMore && jsx(ViewMore, {
|
|
365
360
|
onViewMore: onViewMore,
|
|
366
361
|
focus: focusOnViewMore
|
|
367
|
-
}), viewMoreItem && !fg('platform_editor_refactor_view_more') && jsx(ViewMore, {
|
|
368
|
-
item: viewMoreItem,
|
|
369
|
-
focus: focusOnViewMore
|
|
370
362
|
}))
|
|
371
363
|
);
|
|
372
364
|
}
|
|
@@ -40,9 +40,9 @@ export const placeholderTextMessages = defineMessages({
|
|
|
40
40
|
defaultMessage: ' to insert elements',
|
|
41
41
|
description: 'Text after slash in long empty node placeholder'
|
|
42
42
|
},
|
|
43
|
-
|
|
44
|
-
id: 'fabric.editor.
|
|
45
|
-
defaultMessage: 'Add content
|
|
46
|
-
description: 'Placeholder text for sync block'
|
|
43
|
+
sourceSyncBlockPlaceholderText: {
|
|
44
|
+
id: 'fabric.editor.sourceSyncBlockPlaceholderText',
|
|
45
|
+
defaultMessage: 'Add content you want to reuse. Copy and paste this block to sync in other locations.',
|
|
46
|
+
description: 'Placeholder text for source sync block'
|
|
47
47
|
}
|
|
48
48
|
});
|
|
@@ -4,7 +4,7 @@ import { isFedRamp } from './environment';
|
|
|
4
4
|
import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
|
|
5
5
|
const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
6
6
|
const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
7
|
-
const packageVersion = "111.7.
|
|
7
|
+
const packageVersion = "111.7.2";
|
|
8
8
|
const sanitiseSentryEvents = (data, _hint) => {
|
|
9
9
|
// Remove URL as it has UGC
|
|
10
10
|
// Ignored via go/ees007
|
|
@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
|
14
14
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
15
15
|
import Layer from '../Layer';
|
|
16
16
|
const packageName = "@atlaskit/editor-common";
|
|
17
|
-
const packageVersion = "111.7.
|
|
17
|
+
const packageVersion = "111.7.2";
|
|
18
18
|
const halfFocusRing = 1;
|
|
19
19
|
const dropOffset = '0, 8';
|
|
20
20
|
const fadeIn = keyframes({
|
|
@@ -110,7 +110,6 @@ var ElementBrowser = /*#__PURE__*/function (_PureComponent) {
|
|
|
110
110
|
showCategories = _this$props.showCategories,
|
|
111
111
|
mode = _this$props.mode,
|
|
112
112
|
emptyStateHandler = _this$props.emptyStateHandler,
|
|
113
|
-
viewMoreItem = _this$props.viewMoreItem,
|
|
114
113
|
onViewMore = _this$props.onViewMore,
|
|
115
114
|
cache = _this$props.cache,
|
|
116
115
|
autoFocusSearch = _this$props.autoFocusSearch;
|
|
@@ -132,7 +131,6 @@ var ElementBrowser = /*#__PURE__*/function (_PureComponent) {
|
|
|
132
131
|
mode: mode,
|
|
133
132
|
searchTerm: searchTerm,
|
|
134
133
|
emptyStateHandler: emptyStateHandler,
|
|
135
|
-
viewMoreItem: viewMoreItem,
|
|
136
134
|
cache: cache,
|
|
137
135
|
onViewMore: onViewMore,
|
|
138
136
|
autoFocusSearch: autoFocusSearch
|
|
@@ -11,15 +11,13 @@ import { css, jsx } from '@emotion/react';
|
|
|
11
11
|
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
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
15
14
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
16
15
|
import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '../../analytics';
|
|
17
16
|
import editorUGCToken from '../../ugc-tokens/get-editor-ugc-token';
|
|
18
|
-
import { ViewMore
|
|
17
|
+
import { ViewMore } from '../components/ViewMore';
|
|
19
18
|
import { DEVICE_BREAKPOINT_NUMBERS, ELEMENT_BROWSER_ID, ELEMENT_BROWSER_LIST_ID, GRID_SIZE, INLINE_SIDEBAR_HEIGHT, SIDEBAR_HEADING_WRAPPER_HEIGHT, SIDEBAR_WIDTH } from '../constants';
|
|
20
19
|
import useContainerWidth from '../hooks/use-container-width';
|
|
21
20
|
import useSelectAndFocusOnArrowNavigation from '../hooks/use-select-and-focus-on-arrow-navigation';
|
|
22
|
-
import { ViewMore } from '../ViewMore';
|
|
23
21
|
import CategoryList from './CategoryList';
|
|
24
22
|
import ElementList from './ElementList/ElementList';
|
|
25
23
|
import ElementSearch from './ElementSearch';
|
|
@@ -120,7 +118,6 @@ function StatelessElementBrowser(props) {
|
|
|
120
118
|
var items = props.items,
|
|
121
119
|
onSelectItem = props.onSelectItem,
|
|
122
120
|
onInsertItem = props.onInsertItem,
|
|
123
|
-
viewMoreItem = props.viewMoreItem,
|
|
124
121
|
onViewMore = props.onViewMore,
|
|
125
122
|
selectedCategory = props.selectedCategory,
|
|
126
123
|
onSelectCategory = props.onSelectCategory,
|
|
@@ -160,7 +157,7 @@ function StatelessElementBrowser(props) {
|
|
|
160
157
|
var _items$index$isDisabl, _items$index;
|
|
161
158
|
return (_items$index$isDisabl = (_items$index = items[index]) === null || _items$index === void 0 ? void 0 : _items$index.isDisabled) !== null && _items$index$isDisabl !== void 0 ? _items$index$isDisabl : false;
|
|
162
159
|
}, [items]);
|
|
163
|
-
var _useSelectAndFocusOnA = useSelectAndFocusOnArrowNavigation(items.length - 1, columnCount,
|
|
160
|
+
var _useSelectAndFocusOnA = useSelectAndFocusOnArrowNavigation(items.length - 1, columnCount, !!onViewMore, itemIsDisabled, isFocusSearch, autoFocusSearch),
|
|
164
161
|
selectedItemIndex = _useSelectAndFocusOnA.selectedItemIndex,
|
|
165
162
|
focusedItemIndex = _useSelectAndFocusOnA.focusedItemIndex,
|
|
166
163
|
setFocusedItemIndex = _useSelectAndFocusOnA.setFocusedItemIndex,
|
|
@@ -262,7 +259,6 @@ function StatelessElementBrowser(props) {
|
|
|
262
259
|
setFocusOnSearch: setFocusOnSearch,
|
|
263
260
|
onKeyPress: onItemsEnterTabKeyPress,
|
|
264
261
|
onKeyDown: onKeyDown,
|
|
265
|
-
viewMoreItem: viewMoreItem,
|
|
266
262
|
onViewMore: onViewMore,
|
|
267
263
|
focusOnViewMore: focusOnViewMore,
|
|
268
264
|
cache: cache
|
|
@@ -313,7 +309,6 @@ function MobileBrowser(_ref) {
|
|
|
313
309
|
searchTerm = _ref.searchTerm,
|
|
314
310
|
createAnalyticsEvent = _ref.createAnalyticsEvent,
|
|
315
311
|
emptyStateHandler = _ref.emptyStateHandler,
|
|
316
|
-
viewMoreItem = _ref.viewMoreItem,
|
|
317
312
|
onViewMore = _ref.onViewMore,
|
|
318
313
|
cache = _ref.cache,
|
|
319
314
|
_ref$focusOnEmptyStat = _ref.focusOnEmptyStateButton,
|
|
@@ -365,12 +360,9 @@ function MobileBrowser(_ref) {
|
|
|
365
360
|
selectedCategory: selectedCategory,
|
|
366
361
|
searchTerm: searchTerm,
|
|
367
362
|
cache: cache
|
|
368
|
-
})), onViewMore &&
|
|
363
|
+
})), onViewMore && jsx(ViewMore, {
|
|
369
364
|
onViewMore: onViewMore,
|
|
370
365
|
focus: focusOnViewMore
|
|
371
|
-
}), viewMoreItem && !fg('platform_editor_refactor_view_more') && jsx(ViewMore, {
|
|
372
|
-
item: viewMoreItem,
|
|
373
|
-
focus: focusOnViewMore
|
|
374
366
|
}))
|
|
375
367
|
);
|
|
376
368
|
}
|
|
@@ -40,9 +40,9 @@ export var placeholderTextMessages = defineMessages({
|
|
|
40
40
|
defaultMessage: ' to insert elements',
|
|
41
41
|
description: 'Text after slash in long empty node placeholder'
|
|
42
42
|
},
|
|
43
|
-
|
|
44
|
-
id: 'fabric.editor.
|
|
45
|
-
defaultMessage: 'Add content
|
|
46
|
-
description: 'Placeholder text for sync block'
|
|
43
|
+
sourceSyncBlockPlaceholderText: {
|
|
44
|
+
id: 'fabric.editor.sourceSyncBlockPlaceholderText',
|
|
45
|
+
defaultMessage: 'Add content you want to reuse. Copy and paste this block to sync in other locations.',
|
|
46
|
+
description: 'Placeholder text for source sync block'
|
|
47
47
|
}
|
|
48
48
|
});
|
|
@@ -10,7 +10,7 @@ import { isFedRamp } from './environment';
|
|
|
10
10
|
import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
|
|
11
11
|
var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
12
12
|
var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
13
|
-
var packageVersion = "111.7.
|
|
13
|
+
var packageVersion = "111.7.2";
|
|
14
14
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
15
15
|
// Remove URL as it has UGC
|
|
16
16
|
// Ignored via go/ees007
|
|
@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
|
21
21
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
22
22
|
import Layer from '../Layer';
|
|
23
23
|
var packageName = "@atlaskit/editor-common";
|
|
24
|
-
var packageVersion = "111.7.
|
|
24
|
+
var packageVersion = "111.7.2";
|
|
25
25
|
var halfFocusRing = 1;
|
|
26
26
|
var dropOffset = '0, 8';
|
|
27
27
|
var fadeIn = keyframes({
|
|
@@ -19,13 +19,6 @@ export interface Props {
|
|
|
19
19
|
onViewMore?: () => void;
|
|
20
20
|
showCategories: boolean;
|
|
21
21
|
showSearch: boolean;
|
|
22
|
-
/**
|
|
23
|
-
* @private
|
|
24
|
-
* @deprecated
|
|
25
|
-
* Deprecated in favour of onViewMore
|
|
26
|
-
* Please clean up viewMoreItem when cleaning up platform_editor_refactor_view_more
|
|
27
|
-
*/
|
|
28
|
-
viewMoreItem?: QuickInsertItem;
|
|
29
22
|
}
|
|
30
23
|
export interface State {
|
|
31
24
|
categories: Category[];
|
|
@@ -27,13 +27,6 @@ export type StatelessElementBrowserProps = {
|
|
|
27
27
|
selectedCategory?: string;
|
|
28
28
|
showCategories: boolean;
|
|
29
29
|
showSearch: boolean;
|
|
30
|
-
/**
|
|
31
|
-
* @private
|
|
32
|
-
* @deprecated
|
|
33
|
-
* Deprecated in favour of onViewMore
|
|
34
|
-
* Please clean up viewMoreItem when cleaning up platform_editor_refactor_view_more
|
|
35
|
-
*/
|
|
36
|
-
viewMoreItem?: QuickInsertItem;
|
|
37
30
|
} & WithAnalyticsEventsProps;
|
|
38
31
|
declare const MemoizedElementBrowser: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<Omit<{
|
|
39
32
|
/**
|
|
@@ -54,12 +47,5 @@ declare const MemoizedElementBrowser: React.MemoExoticComponent<React.ForwardRef
|
|
|
54
47
|
selectedCategory?: string;
|
|
55
48
|
showCategories: boolean;
|
|
56
49
|
showSearch: boolean;
|
|
57
|
-
/**
|
|
58
|
-
* @private
|
|
59
|
-
* @deprecated
|
|
60
|
-
* Deprecated in favour of onViewMore
|
|
61
|
-
* Please clean up viewMoreItem when cleaning up platform_editor_refactor_view_more
|
|
62
|
-
*/
|
|
63
|
-
viewMoreItem?: QuickInsertItem;
|
|
64
50
|
}, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "ref"> & React.RefAttributes<any>>>;
|
|
65
51
|
export default MemoizedElementBrowser;
|
|
@@ -19,13 +19,6 @@ export interface Props {
|
|
|
19
19
|
onViewMore?: () => void;
|
|
20
20
|
showCategories: boolean;
|
|
21
21
|
showSearch: boolean;
|
|
22
|
-
/**
|
|
23
|
-
* @private
|
|
24
|
-
* @deprecated
|
|
25
|
-
* Deprecated in favour of onViewMore
|
|
26
|
-
* Please clean up viewMoreItem when cleaning up platform_editor_refactor_view_more
|
|
27
|
-
*/
|
|
28
|
-
viewMoreItem?: QuickInsertItem;
|
|
29
22
|
}
|
|
30
23
|
export interface State {
|
|
31
24
|
categories: Category[];
|
|
@@ -27,13 +27,6 @@ export type StatelessElementBrowserProps = {
|
|
|
27
27
|
selectedCategory?: string;
|
|
28
28
|
showCategories: boolean;
|
|
29
29
|
showSearch: boolean;
|
|
30
|
-
/**
|
|
31
|
-
* @private
|
|
32
|
-
* @deprecated
|
|
33
|
-
* Deprecated in favour of onViewMore
|
|
34
|
-
* Please clean up viewMoreItem when cleaning up platform_editor_refactor_view_more
|
|
35
|
-
*/
|
|
36
|
-
viewMoreItem?: QuickInsertItem;
|
|
37
30
|
} & WithAnalyticsEventsProps;
|
|
38
31
|
declare const MemoizedElementBrowser: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<Omit<{
|
|
39
32
|
/**
|
|
@@ -54,12 +47,5 @@ declare const MemoizedElementBrowser: React.MemoExoticComponent<React.ForwardRef
|
|
|
54
47
|
selectedCategory?: string;
|
|
55
48
|
showCategories: boolean;
|
|
56
49
|
showSearch: boolean;
|
|
57
|
-
/**
|
|
58
|
-
* @private
|
|
59
|
-
* @deprecated
|
|
60
|
-
* Deprecated in favour of onViewMore
|
|
61
|
-
* Please clean up viewMoreItem when cleaning up platform_editor_refactor_view_more
|
|
62
|
-
*/
|
|
63
|
-
viewMoreItem?: QuickInsertItem;
|
|
64
50
|
}, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "ref"> & React.RefAttributes<any>>>;
|
|
65
51
|
export default MemoizedElementBrowser;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-common",
|
|
3
|
-
"version": "111.7.
|
|
3
|
+
"version": "111.7.3",
|
|
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/"
|
|
@@ -70,20 +70,20 @@
|
|
|
70
70
|
"@atlaskit/platform-feature-flags-react": "^0.4.0",
|
|
71
71
|
"@atlaskit/popper": "^7.1.0",
|
|
72
72
|
"@atlaskit/primitives": "^17.0.0",
|
|
73
|
-
"@atlaskit/profilecard": "^24.
|
|
73
|
+
"@atlaskit/profilecard": "^24.29.0",
|
|
74
74
|
"@atlaskit/prosemirror-history": "^0.2.0",
|
|
75
|
-
"@atlaskit/react-ufo": "^4.
|
|
75
|
+
"@atlaskit/react-ufo": "^4.17.0",
|
|
76
76
|
"@atlaskit/section-message": "^8.12.0",
|
|
77
77
|
"@atlaskit/smart-card": "^43.20.0",
|
|
78
78
|
"@atlaskit/smart-user-picker": "^8.9.0",
|
|
79
79
|
"@atlaskit/spinner": "^19.0.0",
|
|
80
|
-
"@atlaskit/status": "^3.
|
|
80
|
+
"@atlaskit/status": "^3.1.0",
|
|
81
81
|
"@atlaskit/task-decision": "^19.2.0",
|
|
82
82
|
"@atlaskit/textfield": "^8.2.0",
|
|
83
83
|
"@atlaskit/theme": "^21.0.0",
|
|
84
|
-
"@atlaskit/tmp-editor-statsig": "^16.
|
|
84
|
+
"@atlaskit/tmp-editor-statsig": "^16.15.0",
|
|
85
85
|
"@atlaskit/tokens": "^9.1.0",
|
|
86
|
-
"@atlaskit/tooltip": "^20.
|
|
86
|
+
"@atlaskit/tooltip": "^20.13.0",
|
|
87
87
|
"@atlaskit/width-detector": "^5.0.0",
|
|
88
88
|
"@babel/runtime": "^7.0.0",
|
|
89
89
|
"@compiled/react": "^0.18.6",
|
|
@@ -204,9 +204,6 @@
|
|
|
204
204
|
"editor_a11y_aria_label_removal_popup": {
|
|
205
205
|
"type": "boolean"
|
|
206
206
|
},
|
|
207
|
-
"platform_editor_refactor_view_more": {
|
|
208
|
-
"type": "boolean"
|
|
209
|
-
},
|
|
210
207
|
"platform_editor_bordered_panel_nested_in_table": {
|
|
211
208
|
"type": "boolean"
|
|
212
209
|
},
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.ViewMore = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
var _react2 = require("@emotion/react");
|
|
9
|
-
var _menu = require("@atlaskit/menu");
|
|
10
|
-
/**
|
|
11
|
-
* @jsxRuntime classic
|
|
12
|
-
* @jsx jsx
|
|
13
|
-
*/
|
|
14
|
-
|
|
15
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
16
|
-
|
|
17
|
-
var itemBefore = (0, _react2.css)({
|
|
18
|
-
width: '40px',
|
|
19
|
-
height: '40px',
|
|
20
|
-
boxSizing: 'border-box',
|
|
21
|
-
display: 'flex',
|
|
22
|
-
justifyContent: 'center',
|
|
23
|
-
alignItems: 'center',
|
|
24
|
-
marginRight: "var(--ds-space-050, 4px)"
|
|
25
|
-
});
|
|
26
|
-
var ViewMore = exports.ViewMore = function ViewMore(_ref) {
|
|
27
|
-
var item = _ref.item,
|
|
28
|
-
focus = _ref.focus;
|
|
29
|
-
var ref = (0, _react.useRef)(null);
|
|
30
|
-
(0, _react.useEffect)(function () {
|
|
31
|
-
if (ref.current && focus) {
|
|
32
|
-
ref.current.focus();
|
|
33
|
-
}
|
|
34
|
-
}, [focus]);
|
|
35
|
-
return (0, _react2.jsx)(_menu.Section, {
|
|
36
|
-
hasSeparator: true
|
|
37
|
-
}, (0, _react2.jsx)(_menu.ButtonItem
|
|
38
|
-
// Ignored via go/ees005
|
|
39
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
40
|
-
, {
|
|
41
|
-
onClick: item.action
|
|
42
|
-
// Ignored via go/ees005
|
|
43
|
-
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
44
|
-
,
|
|
45
|
-
iconBefore: (0, _react2.jsx)("div", {
|
|
46
|
-
css: itemBefore
|
|
47
|
-
}, item.icon()),
|
|
48
|
-
"aria-describedby": item.title,
|
|
49
|
-
"data-testid": "view-more-elements-item"
|
|
50
|
-
// @ts-ignore Overriding Menu styles is not supported
|
|
51
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
52
|
-
,
|
|
53
|
-
css: (0, _react2.css)({
|
|
54
|
-
padding: "0px ".concat("var(--ds-space-150, 12px)")
|
|
55
|
-
}),
|
|
56
|
-
ref: ref
|
|
57
|
-
}, item.title));
|
|
58
|
-
};
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import { useEffect, useRef } from 'react';
|
|
6
|
-
|
|
7
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
8
|
-
import { css, jsx } from '@emotion/react';
|
|
9
|
-
import { ButtonItem, Section } from '@atlaskit/menu';
|
|
10
|
-
const itemBefore = css({
|
|
11
|
-
width: '40px',
|
|
12
|
-
height: '40px',
|
|
13
|
-
boxSizing: 'border-box',
|
|
14
|
-
display: 'flex',
|
|
15
|
-
justifyContent: 'center',
|
|
16
|
-
alignItems: 'center',
|
|
17
|
-
marginRight: "var(--ds-space-050, 4px)"
|
|
18
|
-
});
|
|
19
|
-
export const ViewMore = ({
|
|
20
|
-
item,
|
|
21
|
-
focus
|
|
22
|
-
}) => {
|
|
23
|
-
const ref = useRef(null);
|
|
24
|
-
useEffect(() => {
|
|
25
|
-
if (ref.current && focus) {
|
|
26
|
-
ref.current.focus();
|
|
27
|
-
}
|
|
28
|
-
}, [focus]);
|
|
29
|
-
return jsx(Section, {
|
|
30
|
-
hasSeparator: true
|
|
31
|
-
}, jsx(ButtonItem
|
|
32
|
-
// Ignored via go/ees005
|
|
33
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
34
|
-
, {
|
|
35
|
-
onClick: item.action
|
|
36
|
-
// Ignored via go/ees005
|
|
37
|
-
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
38
|
-
,
|
|
39
|
-
iconBefore: jsx("div", {
|
|
40
|
-
css: itemBefore
|
|
41
|
-
}, item.icon()),
|
|
42
|
-
"aria-describedby": item.title,
|
|
43
|
-
"data-testid": "view-more-elements-item"
|
|
44
|
-
// @ts-ignore Overriding Menu styles is not supported
|
|
45
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
46
|
-
,
|
|
47
|
-
css: css({
|
|
48
|
-
padding: `0px ${"var(--ds-space-150, 12px)"}`
|
|
49
|
-
}),
|
|
50
|
-
ref: ref
|
|
51
|
-
}, item.title));
|
|
52
|
-
};
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import { useEffect, useRef } from 'react';
|
|
6
|
-
|
|
7
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
8
|
-
import { css, jsx } from '@emotion/react';
|
|
9
|
-
import { ButtonItem, Section } from '@atlaskit/menu';
|
|
10
|
-
var itemBefore = css({
|
|
11
|
-
width: '40px',
|
|
12
|
-
height: '40px',
|
|
13
|
-
boxSizing: 'border-box',
|
|
14
|
-
display: 'flex',
|
|
15
|
-
justifyContent: 'center',
|
|
16
|
-
alignItems: 'center',
|
|
17
|
-
marginRight: "var(--ds-space-050, 4px)"
|
|
18
|
-
});
|
|
19
|
-
export var ViewMore = function ViewMore(_ref) {
|
|
20
|
-
var item = _ref.item,
|
|
21
|
-
focus = _ref.focus;
|
|
22
|
-
var ref = useRef(null);
|
|
23
|
-
useEffect(function () {
|
|
24
|
-
if (ref.current && focus) {
|
|
25
|
-
ref.current.focus();
|
|
26
|
-
}
|
|
27
|
-
}, [focus]);
|
|
28
|
-
return jsx(Section, {
|
|
29
|
-
hasSeparator: true
|
|
30
|
-
}, jsx(ButtonItem
|
|
31
|
-
// Ignored via go/ees005
|
|
32
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
33
|
-
, {
|
|
34
|
-
onClick: item.action
|
|
35
|
-
// Ignored via go/ees005
|
|
36
|
-
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
37
|
-
,
|
|
38
|
-
iconBefore: jsx("div", {
|
|
39
|
-
css: itemBefore
|
|
40
|
-
}, item.icon()),
|
|
41
|
-
"aria-describedby": item.title,
|
|
42
|
-
"data-testid": "view-more-elements-item"
|
|
43
|
-
// @ts-ignore Overriding Menu styles is not supported
|
|
44
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
45
|
-
,
|
|
46
|
-
css: css({
|
|
47
|
-
padding: "0px ".concat("var(--ds-space-150, 12px)")
|
|
48
|
-
}),
|
|
49
|
-
ref: ref
|
|
50
|
-
}, item.title));
|
|
51
|
-
};
|