@atlaskit/editor-common 78.37.0 → 78.37.2
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 +24 -0
- package/dist/cjs/element-browser/components/CategoryList.js +89 -8
- package/dist/cjs/element-browser/components/ElementList/ElementList.js +30 -4
- package/dist/cjs/element-browser/components/StatelessElementBrowser.js +77 -12
- package/dist/cjs/element-browser/hooks/use-select-and-focus-on-arrow-navigation.js +38 -4
- package/dist/cjs/messages/insert-block.js +9 -4
- package/dist/cjs/monitoring/error.js +1 -1
- package/dist/cjs/styles/index.js +7 -0
- package/dist/cjs/styles/shared/background-color.js +15 -0
- package/dist/cjs/ui/DropList/index.js +1 -1
- package/dist/cjs/ui/FloatingToolbar/Separator.js +2 -1
- package/dist/es2019/element-browser/components/CategoryList.js +96 -12
- package/dist/es2019/element-browser/components/ElementList/ElementList.js +29 -3
- package/dist/es2019/element-browser/components/StatelessElementBrowser.js +78 -13
- package/dist/es2019/element-browser/hooks/use-select-and-focus-on-arrow-navigation.js +39 -5
- package/dist/es2019/messages/insert-block.js +9 -4
- package/dist/es2019/monitoring/error.js +1 -1
- package/dist/es2019/styles/index.js +1 -0
- package/dist/es2019/styles/shared/background-color.js +9 -0
- package/dist/es2019/ui/DropList/index.js +1 -1
- package/dist/es2019/ui/FloatingToolbar/Separator.js +2 -1
- package/dist/esm/element-browser/components/CategoryList.js +89 -9
- package/dist/esm/element-browser/components/ElementList/ElementList.js +30 -4
- package/dist/esm/element-browser/components/StatelessElementBrowser.js +78 -13
- package/dist/esm/element-browser/hooks/use-select-and-focus-on-arrow-navigation.js +38 -4
- package/dist/esm/messages/insert-block.js +9 -4
- package/dist/esm/monitoring/error.js +1 -1
- package/dist/esm/styles/index.js +1 -0
- package/dist/esm/styles/shared/background-color.js +9 -0
- package/dist/esm/ui/DropList/index.js +1 -1
- package/dist/esm/ui/FloatingToolbar/Separator.js +2 -1
- package/dist/types/element-browser/components/CategoryList.d.ts +5 -0
- package/dist/types/element-browser/components/ElementList/ElementList.d.ts +2 -0
- package/dist/types/element-browser/hooks/use-select-and-focus-on-arrow-navigation.d.ts +4 -1
- package/dist/types/messages/insert-block.d.ts +5 -0
- package/dist/types/styles/index.d.ts +1 -0
- package/dist/types/styles/shared/background-color.d.ts +1 -0
- package/dist/types-ts4.5/element-browser/components/CategoryList.d.ts +5 -0
- package/dist/types-ts4.5/element-browser/components/ElementList/ElementList.d.ts +2 -0
- package/dist/types-ts4.5/element-browser/hooks/use-select-and-focus-on-arrow-navigation.d.ts +4 -1
- package/dist/types-ts4.5/messages/insert-block.d.ts +5 -0
- package/dist/types-ts4.5/styles/index.d.ts +1 -0
- package/dist/types-ts4.5/styles/shared/background-color.d.ts +1 -0
- package/package.json +8 -5
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/** @jsx jsx */
|
|
1
2
|
import React from 'react';
|
|
2
3
|
import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
|
|
3
4
|
import type { Category } from '../types';
|
|
@@ -5,6 +6,10 @@ interface Props {
|
|
|
5
6
|
categories?: Category[];
|
|
6
7
|
onSelectCategory: (category: Category) => void;
|
|
7
8
|
selectedCategory?: string;
|
|
9
|
+
focusedCategoryIndex?: number;
|
|
10
|
+
setFocusedCategoryIndex: (index: number) => void;
|
|
11
|
+
setFocusedItemIndex: (index: number) => void;
|
|
12
|
+
setFocusOnSearch?: () => void;
|
|
8
13
|
}
|
|
9
14
|
declare const MemoizedCategoryListWithAnalytics: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<Props & WithAnalyticsEventsProps & import("@atlaskit/analytics-next").WithContextProps, "createAnalyticsEvent" | "analyticsContext" | keyof Props> & React.RefAttributes<any>>>;
|
|
10
15
|
export default MemoizedCategoryListWithAnalytics;
|
|
@@ -15,8 +15,10 @@ export interface Props {
|
|
|
15
15
|
onInsertItem: (item: QuickInsertItem) => void;
|
|
16
16
|
setColumnCount: (columnCount: number) => void;
|
|
17
17
|
setFocusedItemIndex: (index: number) => void;
|
|
18
|
+
setFocusedCategoryIndex?: (index: number) => void;
|
|
18
19
|
emptyStateHandler?: EmptyStateHandler;
|
|
19
20
|
selectedCategory?: string;
|
|
21
|
+
selectedCategoryIndex?: number;
|
|
20
22
|
searchTerm?: string;
|
|
21
23
|
}
|
|
22
24
|
type ElementItemType = {
|
package/dist/types-ts4.5/element-browser/hooks/use-select-and-focus-on-arrow-navigation.d.ts
CHANGED
|
@@ -45,6 +45,7 @@ type ReducerState = {
|
|
|
45
45
|
focusedItemIndex?: number;
|
|
46
46
|
listSize: number;
|
|
47
47
|
canFocusViewMore?: boolean;
|
|
48
|
+
focusedCategoryIndex?: number;
|
|
48
49
|
};
|
|
49
50
|
export declare enum ACTIONS {
|
|
50
51
|
FOCUS_SEARCH = "focusOnSearch",
|
|
@@ -64,9 +65,11 @@ export type useSelectAndFocusReturnType = {
|
|
|
64
65
|
focusOnSearch: boolean;
|
|
65
66
|
focusOnViewMore: boolean;
|
|
66
67
|
focusedItemIndex?: number;
|
|
68
|
+
focusedCategoryIndex?: number;
|
|
67
69
|
setFocusedItemIndex: (index?: number) => void;
|
|
70
|
+
setFocusedCategoryIndex: (index?: number) => void;
|
|
68
71
|
setFocusOnSearch: () => void;
|
|
69
72
|
};
|
|
70
|
-
declare function useSelectAndFocusOnArrowNavigation(listSize: number, step: number, canFocusViewMore: boolean): useSelectAndFocusReturnType;
|
|
73
|
+
declare function useSelectAndFocusOnArrowNavigation(listSize: number, step: number, canFocusViewMore: boolean, isFocusSearch?: boolean): useSelectAndFocusReturnType;
|
|
71
74
|
export declare const ensureSafeIndex: (index: number, listSize: number) => number;
|
|
72
75
|
export default useSelectAndFocusOnArrowNavigation;
|
|
@@ -199,6 +199,11 @@ export declare const toolbarInsertBlockMessages: {
|
|
|
199
199
|
defaultMessage: string;
|
|
200
200
|
description: string;
|
|
201
201
|
};
|
|
202
|
+
addLoomVideoComment: {
|
|
203
|
+
id: string;
|
|
204
|
+
defaultMessage: string;
|
|
205
|
+
description: string;
|
|
206
|
+
};
|
|
202
207
|
recordVideoDescription: {
|
|
203
208
|
id: string;
|
|
204
209
|
defaultMessage: string;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export { textColorStyles } from './shared/text-color';
|
|
2
|
+
export { backgroundColorStyles } from './shared/background-color';
|
|
2
3
|
export { tableSharedStyle, tableMarginTop, tableMarginBottom, tableMarginSides, tableCellMinWidth, tableNewColumnMinWidth, tableCellBorderWidth, calcTableWidth, TableSharedCssClassName, tableResizeHandleWidth, tableCellPadding, tableMarginTopWithControl, } from './shared/table';
|
|
3
4
|
export { AnnotationSharedClassNames, BlockAnnotationSharedClassNames, AnnotationSharedCSSByState, annotationSharedStyles, } from './shared/annotation';
|
|
4
5
|
export { columnLayoutSharedStyle } from './shared/column-layout';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const backgroundColorStyles: import("@emotion/react").SerializedStyles;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-common",
|
|
3
|
-
"version": "78.37.
|
|
3
|
+
"version": "78.37.2",
|
|
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/"
|
|
@@ -114,7 +114,7 @@
|
|
|
114
114
|
"@atlaskit/editor-tables": "^2.7.0",
|
|
115
115
|
"@atlaskit/emoji": "^67.6.0",
|
|
116
116
|
"@atlaskit/icon": "^22.1.0",
|
|
117
|
-
"@atlaskit/icon-object": "^6.
|
|
117
|
+
"@atlaskit/icon-object": "^6.4.0",
|
|
118
118
|
"@atlaskit/in-product-testing": "^0.2.0",
|
|
119
119
|
"@atlaskit/link-datasource": "^1.31.0",
|
|
120
120
|
"@atlaskit/link-picker": "^1.36.0",
|
|
@@ -132,11 +132,11 @@
|
|
|
132
132
|
"@atlaskit/primitives": "^5.7.0",
|
|
133
133
|
"@atlaskit/profilecard": "^19.11.0",
|
|
134
134
|
"@atlaskit/section-message": "^6.5.0",
|
|
135
|
-
"@atlaskit/smart-card": "^26.
|
|
135
|
+
"@atlaskit/smart-card": "^26.59.0",
|
|
136
136
|
"@atlaskit/smart-user-picker": "^6.9.0",
|
|
137
|
-
"@atlaskit/spinner": "^16.
|
|
137
|
+
"@atlaskit/spinner": "^16.1.0",
|
|
138
138
|
"@atlaskit/task-decision": "^17.9.0",
|
|
139
|
-
"@atlaskit/textfield": "^6.
|
|
139
|
+
"@atlaskit/textfield": "^6.2.0",
|
|
140
140
|
"@atlaskit/theme": "^12.7.0",
|
|
141
141
|
"@atlaskit/tokens": "^1.44.0",
|
|
142
142
|
"@atlaskit/tooltip": "^18.3.0",
|
|
@@ -249,6 +249,9 @@
|
|
|
249
249
|
"platform.editor.mbe-update-params-change": {
|
|
250
250
|
"type": "boolean"
|
|
251
251
|
},
|
|
252
|
+
"platform.editor.a11y-focus-order-for-element-browser-categories_ztiw1": {
|
|
253
|
+
"type": "boolean"
|
|
254
|
+
},
|
|
252
255
|
"platform.editor.explicit-html-element-check": {
|
|
253
256
|
"type": "boolean"
|
|
254
257
|
}
|