@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.
Files changed (44) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/cjs/element-browser/components/CategoryList.js +89 -8
  3. package/dist/cjs/element-browser/components/ElementList/ElementList.js +30 -4
  4. package/dist/cjs/element-browser/components/StatelessElementBrowser.js +77 -12
  5. package/dist/cjs/element-browser/hooks/use-select-and-focus-on-arrow-navigation.js +38 -4
  6. package/dist/cjs/messages/insert-block.js +9 -4
  7. package/dist/cjs/monitoring/error.js +1 -1
  8. package/dist/cjs/styles/index.js +7 -0
  9. package/dist/cjs/styles/shared/background-color.js +15 -0
  10. package/dist/cjs/ui/DropList/index.js +1 -1
  11. package/dist/cjs/ui/FloatingToolbar/Separator.js +2 -1
  12. package/dist/es2019/element-browser/components/CategoryList.js +96 -12
  13. package/dist/es2019/element-browser/components/ElementList/ElementList.js +29 -3
  14. package/dist/es2019/element-browser/components/StatelessElementBrowser.js +78 -13
  15. package/dist/es2019/element-browser/hooks/use-select-and-focus-on-arrow-navigation.js +39 -5
  16. package/dist/es2019/messages/insert-block.js +9 -4
  17. package/dist/es2019/monitoring/error.js +1 -1
  18. package/dist/es2019/styles/index.js +1 -0
  19. package/dist/es2019/styles/shared/background-color.js +9 -0
  20. package/dist/es2019/ui/DropList/index.js +1 -1
  21. package/dist/es2019/ui/FloatingToolbar/Separator.js +2 -1
  22. package/dist/esm/element-browser/components/CategoryList.js +89 -9
  23. package/dist/esm/element-browser/components/ElementList/ElementList.js +30 -4
  24. package/dist/esm/element-browser/components/StatelessElementBrowser.js +78 -13
  25. package/dist/esm/element-browser/hooks/use-select-and-focus-on-arrow-navigation.js +38 -4
  26. package/dist/esm/messages/insert-block.js +9 -4
  27. package/dist/esm/monitoring/error.js +1 -1
  28. package/dist/esm/styles/index.js +1 -0
  29. package/dist/esm/styles/shared/background-color.js +9 -0
  30. package/dist/esm/ui/DropList/index.js +1 -1
  31. package/dist/esm/ui/FloatingToolbar/Separator.js +2 -1
  32. package/dist/types/element-browser/components/CategoryList.d.ts +5 -0
  33. package/dist/types/element-browser/components/ElementList/ElementList.d.ts +2 -0
  34. package/dist/types/element-browser/hooks/use-select-and-focus-on-arrow-navigation.d.ts +4 -1
  35. package/dist/types/messages/insert-block.d.ts +5 -0
  36. package/dist/types/styles/index.d.ts +1 -0
  37. package/dist/types/styles/shared/background-color.d.ts +1 -0
  38. package/dist/types-ts4.5/element-browser/components/CategoryList.d.ts +5 -0
  39. package/dist/types-ts4.5/element-browser/components/ElementList/ElementList.d.ts +2 -0
  40. package/dist/types-ts4.5/element-browser/hooks/use-select-and-focus-on-arrow-navigation.d.ts +4 -1
  41. package/dist/types-ts4.5/messages/insert-block.d.ts +5 -0
  42. package/dist/types-ts4.5/styles/index.d.ts +1 -0
  43. package/dist/types-ts4.5/styles/shared/background-color.d.ts +1 -0
  44. 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 = {
@@ -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.0",
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.3.0",
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.58.0",
135
+ "@atlaskit/smart-card": "^26.59.0",
136
136
  "@atlaskit/smart-user-picker": "^6.9.0",
137
- "@atlaskit/spinner": "^16.0.0",
137
+ "@atlaskit/spinner": "^16.1.0",
138
138
  "@atlaskit/task-decision": "^17.9.0",
139
- "@atlaskit/textfield": "^6.1.0",
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
  }