@atlaskit/editor-plugin-media 0.6.9 → 0.6.11

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 (7) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/ui/MediaPicker/PickerFacadeProvider.js +8 -5
  3. package/dist/es2019/ui/MediaPicker/PickerFacadeProvider.js +4 -3
  4. package/dist/esm/ui/MediaPicker/PickerFacadeProvider.js +8 -5
  5. package/dist/types/ui/MediaPicker/PickerFacadeProvider.d.ts +2 -2
  6. package/dist/types-ts4.5/ui/MediaPicker/PickerFacadeProvider.d.ts +2 -2
  7. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/editor-plugin-media
2
2
 
3
+ ## 0.6.11
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 0.6.10
10
+
11
+ ### Patch Changes
12
+
13
+ - [#60678](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/60678) [`e68cb7c676df`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e68cb7c676df) - [ED-21042] Synchronously flush state update in Picker Facade Provider to get consistent behaviour in React 16 and 18
14
+
3
15
  ## 0.6.9
4
16
 
5
17
  ### Patch Changes
package/dist/cjs/ui/MediaPicker/PickerFacadeProvider.js CHANGED
@@ -15,6 +15,7 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
15
15
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
16
16
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
17
17
  var _react = _interopRequireDefault(require("react"));
18
+ var _reactDom = require("react-dom");
18
19
  var _utils = require("@atlaskit/editor-common/utils");
19
20
  var _pickerFacade = _interopRequireDefault(require("../../picker-facade"));
20
21
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
@@ -27,7 +28,7 @@ var dummyMediaPickerObject = {
27
28
  setUploadParams: function setUploadParams() {}
28
29
  };
29
30
 
30
- // eslint-disable-next-line @repo/internal/react/no-class-components
31
+ //eslint-disable-next-line @repo/internal/react/no-class-components
31
32
  var PickerFacadeProvider = exports.default = /*#__PURE__*/function (_React$Component) {
32
33
  (0, _inherits2.default)(PickerFacadeProvider, _React$Component);
33
34
  var _super = _createSuper(PickerFacadeProvider);
@@ -103,10 +104,12 @@ var PickerFacadeProvider = exports.default = /*#__PURE__*/function (_React$Compo
103
104
  config = {
104
105
  uploadParams: mediaProvider.uploadParams
105
106
  };
106
- _this.setState({
107
- pickerFacadeInstance: pickerFacadeInstance,
108
- config: config,
109
- mediaClientConfig: resolvedMediaClientConfig
107
+ (0, _reactDom.flushSync)(function () {
108
+ return _this.setState({
109
+ pickerFacadeInstance: pickerFacadeInstance,
110
+ config: config,
111
+ mediaClientConfig: resolvedMediaClientConfig
112
+ });
110
113
  });
111
114
  case 24:
112
115
  case "end":
package/dist/es2019/ui/MediaPicker/PickerFacadeProvider.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import React from 'react';
3
+ import { flushSync } from 'react-dom';
3
4
  import { ErrorReporter } from '@atlaskit/editor-common/utils';
4
5
  import PickerFacade from '../../picker-facade';
5
6
  const dummyMediaPickerObject = {
@@ -10,7 +11,7 @@ const dummyMediaPickerObject = {
10
11
  setUploadParams: () => {}
11
12
  };
12
13
 
13
- // eslint-disable-next-line @repo/internal/react/no-class-components
14
+ //eslint-disable-next-line @repo/internal/react/no-class-components
14
15
  export default class PickerFacadeProvider extends React.Component {
15
16
  constructor(...args) {
16
17
  super(...args);
@@ -54,11 +55,11 @@ export default class PickerFacadeProvider extends React.Component {
54
55
  const config = {
55
56
  uploadParams: mediaProvider.uploadParams
56
57
  };
57
- this.setState({
58
+ flushSync(() => this.setState({
58
59
  pickerFacadeInstance,
59
60
  config,
60
61
  mediaClientConfig: resolvedMediaClientConfig
61
- });
62
+ }));
62
63
  });
63
64
  }
64
65
  componentDidMount() {
package/dist/esm/ui/MediaPicker/PickerFacadeProvider.js CHANGED
@@ -10,6 +10,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
10
10
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
11
11
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
12
12
  import React from 'react';
13
+ import { flushSync } from 'react-dom';
13
14
  import { ErrorReporter } from '@atlaskit/editor-common/utils';
14
15
  import PickerFacade from '../../picker-facade';
15
16
  var dummyMediaPickerObject = {
@@ -20,7 +21,7 @@ var dummyMediaPickerObject = {
20
21
  setUploadParams: function setUploadParams() {}
21
22
  };
22
23
 
23
- // eslint-disable-next-line @repo/internal/react/no-class-components
24
+ //eslint-disable-next-line @repo/internal/react/no-class-components
24
25
  var PickerFacadeProvider = /*#__PURE__*/function (_React$Component) {
25
26
  _inherits(PickerFacadeProvider, _React$Component);
26
27
  var _super = _createSuper(PickerFacadeProvider);
@@ -96,10 +97,12 @@ var PickerFacadeProvider = /*#__PURE__*/function (_React$Component) {
96
97
  config = {
97
98
  uploadParams: mediaProvider.uploadParams
98
99
  };
99
- _this.setState({
100
- pickerFacadeInstance: pickerFacadeInstance,
101
- config: config,
102
- mediaClientConfig: resolvedMediaClientConfig
100
+ flushSync(function () {
101
+ return _this.setState({
102
+ pickerFacadeInstance: pickerFacadeInstance,
103
+ config: config,
104
+ mediaClientConfig: resolvedMediaClientConfig
105
+ });
103
106
  });
104
107
  case 24:
105
108
  case "end":
package/dist/types/ui/MediaPicker/PickerFacadeProvider.d.ts CHANGED
@@ -11,7 +11,7 @@ export interface ChildrenProps {
11
11
  export type Props = {
12
12
  mediaState: MediaPluginState;
13
13
  analyticsName: string;
14
- children: (props: ChildrenProps) => React.ReactNode;
14
+ children: (props: ChildrenProps) => React.ReactElement | null;
15
15
  };
16
16
  type State = {
17
17
  config?: ClipboardConfig | BrowserConfig | DropzoneConfig;
@@ -23,6 +23,6 @@ export default class PickerFacadeProvider extends React.Component<Props, State>
23
23
  private handleMediaProvider;
24
24
  componentDidMount(): void;
25
25
  componentWillUnmount(): void;
26
- render(): React.ReactNode;
26
+ render(): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
27
27
  }
28
28
  export {};
package/dist/types-ts4.5/ui/MediaPicker/PickerFacadeProvider.d.ts CHANGED
@@ -11,7 +11,7 @@ export interface ChildrenProps {
11
11
  export type Props = {
12
12
  mediaState: MediaPluginState;
13
13
  analyticsName: string;
14
- children: (props: ChildrenProps) => React.ReactNode;
14
+ children: (props: ChildrenProps) => React.ReactElement | null;
15
15
  };
16
16
  type State = {
17
17
  config?: ClipboardConfig | BrowserConfig | DropzoneConfig;
@@ -23,6 +23,6 @@ export default class PickerFacadeProvider extends React.Component<Props, State>
23
23
  private handleMediaProvider;
24
24
  componentDidMount(): void;
25
25
  componentWillUnmount(): void;
26
- render(): React.ReactNode;
26
+ render(): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
27
27
  }
28
28
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-media",
3
- "version": "0.6.9",
3
+ "version": "0.6.11",
4
4
  "description": "Media plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -35,7 +35,7 @@
35
35
  "@atlaskit/adf-schema": "^35.1.1",
36
36
  "@atlaskit/analytics-namespaced-context": "^6.7.0",
37
37
  "@atlaskit/analytics-next": "^9.1.0",
38
- "@atlaskit/button": "^16.18.0",
38
+ "@atlaskit/button": "^17.0.0",
39
39
  "@atlaskit/editor-common": "^76.26.0",
40
40
  "@atlaskit/editor-palette": "1.5.2",
41
41
  "@atlaskit/editor-plugin-analytics": "^0.4.0",
@@ -54,7 +54,7 @@
54
54
  "@atlaskit/form": "^9.0.3",
55
55
  "@atlaskit/icon": "^22.0.0",
56
56
  "@atlaskit/media-card": "^77.6.0",
57
- "@atlaskit/media-client": "^26.0.0",
57
+ "@atlaskit/media-client": "^26.1.0",
58
58
  "@atlaskit/media-client-react": "^2.0.0",
59
59
  "@atlaskit/media-common": "^11.0.0",
60
60
  "@atlaskit/media-filmstrip": "^47.0.0",
@@ -64,7 +64,7 @@
64
64
  "@atlaskit/platform-feature-flags": "^0.2.0",
65
65
  "@atlaskit/textfield": "^6.0.0",
66
66
  "@atlaskit/theme": "^12.6.0",
67
- "@atlaskit/tokens": "^1.29.0",
67
+ "@atlaskit/tokens": "^1.30.0",
68
68
  "@atlaskit/tooltip": "^18.0.0",
69
69
  "@babel/runtime": "^7.0.0",
70
70
  "@emotion/react": "^11.7.1",