@atlaskit/editor-core 198.1.0 → 198.2.0

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 (22) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/cjs/composable-editor/hooks/useProviders.js +3 -5
  3. package/dist/cjs/composable-editor/utils/handleProviders.js +1 -3
  4. package/dist/cjs/ui/ChromeCollapsed/index.js +2 -1
  5. package/dist/cjs/ui/CollapsedEditor/index.js +2 -1
  6. package/dist/cjs/version-wrapper.js +1 -1
  7. package/dist/es2019/composable-editor/hooks/useProviders.js +3 -5
  8. package/dist/es2019/composable-editor/utils/handleProviders.js +1 -3
  9. package/dist/es2019/ui/ChromeCollapsed/index.js +2 -1
  10. package/dist/es2019/ui/CollapsedEditor/index.js +2 -1
  11. package/dist/es2019/version-wrapper.js +1 -1
  12. package/dist/esm/composable-editor/hooks/useProviders.js +3 -5
  13. package/dist/esm/composable-editor/utils/handleProviders.js +1 -3
  14. package/dist/esm/ui/ChromeCollapsed/index.js +2 -1
  15. package/dist/esm/ui/CollapsedEditor/index.js +2 -1
  16. package/dist/esm/version-wrapper.js +1 -1
  17. package/dist/types/ui/ChromeCollapsed/index.d.ts +1 -0
  18. package/dist/types/ui/CollapsedEditor/index.d.ts +1 -0
  19. package/dist/types-ts4.5/ui/ChromeCollapsed/index.d.ts +1 -0
  20. package/dist/types-ts4.5/ui/CollapsedEditor/index.d.ts +1 -0
  21. package/docs/1-legacy-editor.tsx +5 -0
  22. package/package.json +10 -13
package/CHANGELOG.md CHANGED
@@ -1,5 +1,25 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 198.2.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#146905](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/146905)
8
+ [`fde71f816ee10`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/fde71f816ee10) -
9
+ Add AssistiveLabel for CollapsedEditor(passing label down to chrome collapse) to improve a11y
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
15
+ ## 198.1.1
16
+
17
+ ### Patch Changes
18
+
19
+ - [#146966](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/146966)
20
+ [`ee4562a10804e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ee4562a10804e) -
21
+ cleaned up platform_editor_get_emoji_provider_from_config feature flag
22
+
3
23
  ## 198.1.0
4
24
 
5
25
  ### Minor Changes
package/dist/cjs/composable-editor/hooks/useProviders.js CHANGED
@@ -71,11 +71,9 @@ var useProviders = exports.useProviders = function useProviders(_ref) {
71
71
  }
72
72
  }, [cardProvider, editorApi]);
73
73
  (0, _react.useEffect)(function () {
74
- if ((0, _platformFeatureFlags.fg)('platform_editor_get_emoji_provider_from_config')) {
75
- if (emojiProvider) {
76
- var _editorApi$emoji;
77
- editorApi === null || editorApi === void 0 || (_editorApi$emoji = editorApi.emoji) === null || _editorApi$emoji === void 0 || _editorApi$emoji.actions.setProvider(emojiProvider);
78
- }
74
+ if (emojiProvider) {
75
+ var _editorApi$emoji;
76
+ editorApi === null || editorApi === void 0 || (_editorApi$emoji = editorApi.emoji) === null || _editorApi$emoji === void 0 || _editorApi$emoji.actions.setProvider(emojiProvider);
79
77
  }
80
78
  }, [emojiProvider, editorApi]);
81
79
  (0, _react.useEffect)(function () {
package/dist/cjs/composable-editor/utils/handleProviders.js CHANGED
@@ -26,9 +26,7 @@ function handleProviders(providerFactory, _ref, extensionProvider, quickInsertPr
26
26
  imageUploadProvider = _ref.imageUploadProvider,
27
27
  autoformattingProvider = _ref.autoformattingProvider,
28
28
  searchProvider = _ref.searchProvider;
29
- if (!(0, _platformFeatureFlags.fg)('platform_editor_get_emoji_provider_from_config')) {
30
- providerFactory.setProvider('emojiProvider', emojiProvider);
31
- }
29
+ providerFactory.setProvider('emojiProvider', emojiProvider);
32
30
  providerFactory.setProvider('mentionProvider', mentionProvider);
33
31
  providerFactory.setProvider('taskDecisionProvider', taskDecisionProvider);
34
32
  providerFactory.setProvider('contextIdentifierProvider', contextIdentifierProvider);
package/dist/cjs/ui/ChromeCollapsed/index.js CHANGED
@@ -65,7 +65,8 @@ var ChromeCollapsed = /*#__PURE__*/function (_PureComponent) {
65
65
  css: _styles.inputStyle,
66
66
  ref: this.handleInputRef,
67
67
  onFocus: this.focusHandler,
68
- placeholder: placeholder
68
+ placeholder: placeholder,
69
+ "aria-label": this.props.label
69
70
  });
70
71
  }
71
72
  }]);
package/dist/cjs/ui/CollapsedEditor/index.js CHANGED
@@ -53,7 +53,8 @@ var CollapsedEditor = exports.default = /*#__PURE__*/function (_React$Component)
53
53
  if (!this.props.isExpanded) {
54
54
  return /*#__PURE__*/_react.default.createElement(_IntlProviderIfMissingWrapper.IntlProviderIfMissingWrapper, null, /*#__PURE__*/_react.default.createElement(_ChromeCollapsed.default, {
55
55
  onFocus: this.props.onFocus,
56
- text: this.props.placeholder
56
+ text: this.props.placeholder,
57
+ label: this.props.assistiveLabel
57
58
  }));
58
59
  }
59
60
 
package/dist/cjs/version-wrapper.js CHANGED
@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.version = exports.name = void 0;
7
7
  var name = exports.name = "@atlaskit/editor-core";
8
- var version = exports.version = "198.1.0";
8
+ var version = exports.version = "198.2.0";
package/dist/es2019/composable-editor/hooks/useProviders.js CHANGED
@@ -42,11 +42,9 @@ export const useProviders = ({
42
42
  }
43
43
  }, [cardProvider, editorApi]);
44
44
  useEffect(() => {
45
- if (fg('platform_editor_get_emoji_provider_from_config')) {
46
- if (emojiProvider) {
47
- var _editorApi$emoji;
48
- editorApi === null || editorApi === void 0 ? void 0 : (_editorApi$emoji = editorApi.emoji) === null || _editorApi$emoji === void 0 ? void 0 : _editorApi$emoji.actions.setProvider(emojiProvider);
49
- }
45
+ if (emojiProvider) {
46
+ var _editorApi$emoji;
47
+ editorApi === null || editorApi === void 0 ? void 0 : (_editorApi$emoji = editorApi.emoji) === null || _editorApi$emoji === void 0 ? void 0 : _editorApi$emoji.actions.setProvider(emojiProvider);
50
48
  }
51
49
  }, [emojiProvider, editorApi]);
52
50
  useEffect(() => {
package/dist/es2019/composable-editor/utils/handleProviders.js CHANGED
@@ -22,9 +22,7 @@ export default function handleProviders(providerFactory, {
22
22
  autoformattingProvider,
23
23
  searchProvider
24
24
  }, extensionProvider, quickInsertProvider) {
25
- if (!fg('platform_editor_get_emoji_provider_from_config')) {
26
- providerFactory.setProvider('emojiProvider', emojiProvider);
27
- }
25
+ providerFactory.setProvider('emojiProvider', emojiProvider);
28
26
  providerFactory.setProvider('mentionProvider', mentionProvider);
29
27
  providerFactory.setProvider('taskDecisionProvider', taskDecisionProvider);
30
28
  providerFactory.setProvider('contextIdentifierProvider', contextIdentifierProvider);
package/dist/es2019/ui/ChromeCollapsed/index.js CHANGED
@@ -41,7 +41,8 @@ class ChromeCollapsed extends PureComponent {
41
41
  css: inputStyle,
42
42
  ref: this.handleInputRef,
43
43
  onFocus: this.focusHandler,
44
- placeholder: placeholder
44
+ placeholder: placeholder,
45
+ "aria-label": this.props.label
45
46
  });
46
47
  }
47
48
  }
package/dist/es2019/ui/CollapsedEditor/index.js CHANGED
@@ -25,7 +25,8 @@ export default class CollapsedEditor extends React.Component {
25
25
  if (!this.props.isExpanded) {
26
26
  return /*#__PURE__*/React.createElement(IntlProviderIfMissingWrapper, null, /*#__PURE__*/React.createElement(ChromeCollapsed, {
27
27
  onFocus: this.props.onFocus,
28
- text: this.props.placeholder
28
+ text: this.props.placeholder,
29
+ label: this.props.assistiveLabel
29
30
  }));
30
31
  }
31
32
 
package/dist/es2019/version-wrapper.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export const name = "@atlaskit/editor-core";
2
- export const version = "198.1.0";
2
+ export const version = "198.2.0";
package/dist/esm/composable-editor/hooks/useProviders.js CHANGED
@@ -64,11 +64,9 @@ export var useProviders = function useProviders(_ref) {
64
64
  }
65
65
  }, [cardProvider, editorApi]);
66
66
  useEffect(function () {
67
- if (fg('platform_editor_get_emoji_provider_from_config')) {
68
- if (emojiProvider) {
69
- var _editorApi$emoji;
70
- editorApi === null || editorApi === void 0 || (_editorApi$emoji = editorApi.emoji) === null || _editorApi$emoji === void 0 || _editorApi$emoji.actions.setProvider(emojiProvider);
71
- }
67
+ if (emojiProvider) {
68
+ var _editorApi$emoji;
69
+ editorApi === null || editorApi === void 0 || (_editorApi$emoji = editorApi.emoji) === null || _editorApi$emoji === void 0 || _editorApi$emoji.actions.setProvider(emojiProvider);
72
70
  }
73
71
  }, [emojiProvider, editorApi]);
74
72
  useEffect(function () {
package/dist/esm/composable-editor/utils/handleProviders.js CHANGED
@@ -21,9 +21,7 @@ export default function handleProviders(providerFactory, _ref, extensionProvider
21
21
  imageUploadProvider = _ref.imageUploadProvider,
22
22
  autoformattingProvider = _ref.autoformattingProvider,
23
23
  searchProvider = _ref.searchProvider;
24
- if (!fg('platform_editor_get_emoji_provider_from_config')) {
25
- providerFactory.setProvider('emojiProvider', emojiProvider);
26
- }
24
+ providerFactory.setProvider('emojiProvider', emojiProvider);
27
25
  providerFactory.setProvider('mentionProvider', mentionProvider);
28
26
  providerFactory.setProvider('taskDecisionProvider', taskDecisionProvider);
29
27
  providerFactory.setProvider('contextIdentifierProvider', contextIdentifierProvider);
package/dist/esm/ui/ChromeCollapsed/index.js CHANGED
@@ -59,7 +59,8 @@ var ChromeCollapsed = /*#__PURE__*/function (_PureComponent) {
59
59
  css: inputStyle,
60
60
  ref: this.handleInputRef,
61
61
  onFocus: this.focusHandler,
62
- placeholder: placeholder
62
+ placeholder: placeholder,
63
+ "aria-label": this.props.label
63
64
  });
64
65
  }
65
66
  }]);
package/dist/esm/ui/CollapsedEditor/index.js CHANGED
@@ -46,7 +46,8 @@ var CollapsedEditor = /*#__PURE__*/function (_React$Component) {
46
46
  if (!this.props.isExpanded) {
47
47
  return /*#__PURE__*/React.createElement(IntlProviderIfMissingWrapper, null, /*#__PURE__*/React.createElement(ChromeCollapsed, {
48
48
  onFocus: this.props.onFocus,
49
- text: this.props.placeholder
49
+ text: this.props.placeholder,
50
+ label: this.props.assistiveLabel
50
51
  }));
51
52
  }
52
53
 
package/dist/esm/version-wrapper.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export var name = "@atlaskit/editor-core";
2
- export var version = "198.1.0";
2
+ export var version = "198.2.0";
package/dist/types/ui/ChromeCollapsed/index.d.ts CHANGED
@@ -7,6 +7,7 @@ import type { WrappedComponentProps } from 'react-intl-next';
7
7
  export interface Props {
8
8
  text?: string;
9
9
  onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
10
+ label?: string;
10
11
  }
11
12
  declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
12
13
  WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
package/dist/types/ui/CollapsedEditor/index.d.ts CHANGED
@@ -2,6 +2,7 @@ import React from 'react';
2
2
  import type Editor from '../../editor';
3
3
  export interface Props {
4
4
  placeholder?: string;
5
+ assistiveLabel?: string;
5
6
  children?: any;
6
7
  isExpanded?: boolean;
7
8
  onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
package/dist/types-ts4.5/ui/ChromeCollapsed/index.d.ts CHANGED
@@ -7,6 +7,7 @@ import type { WrappedComponentProps } from 'react-intl-next';
7
7
  export interface Props {
8
8
  text?: string;
9
9
  onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
10
+ label?: string;
10
11
  }
11
12
  declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
12
13
  WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
package/dist/types-ts4.5/ui/CollapsedEditor/index.d.ts CHANGED
@@ -2,6 +2,7 @@ import React from 'react';
2
2
  import type Editor from '../../editor';
3
3
  export interface Props {
4
4
  placeholder?: string;
5
+ assistiveLabel?: string;
5
6
  children?: any;
6
7
  isExpanded?: boolean;
7
8
  onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
package/docs/1-legacy-editor.tsx CHANGED
@@ -74,6 +74,7 @@ ${code`
74
74
  placeholder="What would you like to say?"
75
75
  isExpanded={this.state.isExpanded}
76
76
  onFocus={this.expandEditor}
77
+ assistiveLabel="What would you like to say?"
77
78
  >
78
79
  <Editor
79
80
  appearance="comment"
@@ -90,6 +91,10 @@ ${code`
90
91
 
91
92
  EditorContext allows you, in conjunction with WithEditorActions, to manipulate the editor from anywhere inside the EditorContext. In the example below, notice that no reference is kept to the editor instance.
92
93
 
94
+ ## New assistiveLabel prop(optional)
95
+
96
+ assistiveLabel prop allosws you to set an aria-label for ChromeCollapsed to improve a11y
97
+
93
98
  ${code`
94
99
  import { EditorContext, WithEditorActions } from '@atlaskit/editor-core';
95
100
  import { CollapsibleEditor } from 'previous-example';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "198.1.0",
3
+ "version": "198.2.0",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -43,9 +43,9 @@
43
43
  "@atlaskit/analytics-next": "^10.1.0",
44
44
  "@atlaskit/analytics-next-stable-react-context": "1.0.1",
45
45
  "@atlaskit/button": "^20.2.0",
46
- "@atlaskit/editor-common": "^91.2.0",
46
+ "@atlaskit/editor-common": "^92.0.0",
47
47
  "@atlaskit/editor-json-transformer": "^8.18.0",
48
- "@atlaskit/editor-plugin-quick-insert": "1.4.3",
48
+ "@atlaskit/editor-plugin-quick-insert": "1.4.4",
49
49
  "@atlaskit/editor-plugins": "^5.5.0",
50
50
  "@atlaskit/editor-prosemirror": "6.0.0",
51
51
  "@atlaskit/editor-shared-styles": "^3.0.0",
@@ -79,14 +79,14 @@
79
79
  "react-intl-next": "npm:react-intl@^5.18.1"
80
80
  },
81
81
  "devDependencies": {
82
- "@af/editor-examples-helpers": "0.3.15",
82
+ "@af/editor-examples-helpers": "0.3.16",
83
83
  "@af/editor-libra": "*",
84
84
  "@af/visual-regression": "*",
85
85
  "@atlaskit/adf-utils": "^19.8.0",
86
86
  "@atlaskit/analytics-listeners": "^8.11.0",
87
- "@atlaskit/collab-provider": "9.42.0",
88
- "@atlaskit/editor-plugin-annotation": "1.19.9",
89
- "@atlaskit/editor-plugin-card": "^3.3.0",
87
+ "@atlaskit/collab-provider": "9.42.1",
88
+ "@atlaskit/editor-plugin-annotation": "1.19.10",
89
+ "@atlaskit/editor-plugin-card": "^3.4.0",
90
90
  "@atlaskit/editor-plugin-list": "^3.8.0",
91
91
  "@atlaskit/editor-plugin-paste": "^1.12.0",
92
92
  "@atlaskit/editor-test-helpers": "*",
@@ -97,15 +97,15 @@
97
97
  "@atlaskit/media-test-helpers": "^34.4.0",
98
98
  "@atlaskit/modal-dialog": "^12.17.0",
99
99
  "@atlaskit/primitives": "^12.2.0",
100
- "@atlaskit/renderer": "^110.5.0",
101
- "@atlaskit/smart-card": "^28.3.0",
100
+ "@atlaskit/renderer": "^111.0.0",
101
+ "@atlaskit/smart-card": "^29.0.0",
102
102
  "@atlaskit/synchrony-test-helpers": "^2.5.0",
103
103
  "@atlaskit/toggle": "^13.4.0",
104
104
  "@atlaskit/util-data-test": "^17.9.0",
105
105
  "@atlaskit/visual-regression": "*",
106
106
  "@atlassian/adf-schema-json": "^1.22.0",
107
107
  "@atlassian/feature-flags-test-utils": "*",
108
- "@atlassian/search-provider": "2.4.140",
108
+ "@atlassian/search-provider": "2.4.141",
109
109
  "@emotion/jest": "^11.8.0",
110
110
  "@storybook/addon-knobs": "^5.3.18",
111
111
  "@testing-library/react": "^12.1.5",
@@ -234,9 +234,6 @@
234
234
  "type": "boolean",
235
235
  "referenceOnly": true
236
236
  },
237
- "platform_editor_get_emoji_provider_from_config": {
238
- "type": "boolean"
239
- },
240
237
  "hardcoded-embeds-only-on-new-line": {
241
238
  "type": "boolean",
242
239
  "referenceOnly": true