@atlaskit/editor-plugin-media-insert 8.0.2 → 8.1.1

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 +22 -0
  2. package/dist/cjs/ui/MediaInsertPicker.js +23 -23
  3. package/dist/es2019/ui/MediaInsertPicker.js +25 -24
  4. package/dist/esm/ui/MediaInsertPicker.js +24 -24
  5. package/dist/types/index.d.ts +1 -1
  6. package/dist/types-ts4.5/index.d.ts +1 -1
  7. package/package.json +9 -9
package/CHANGELOG.md CHANGED
@@ -1,5 +1,27 @@
1
1
  # @atlaskit/editor-plugin-media-insert
2
2
 
3
+ ## 8.1.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#190588](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/190588)
8
+ [`b22e308cfd320`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b22e308cfd320) -
9
+ Replace experiment key platform_editor_useSharedPluginStateSelector with
10
+ platform_editor_useSharedPluginStateWithSelector
11
+ - Updated dependencies
12
+
13
+ ## 8.1.0
14
+
15
+ ### Minor Changes
16
+
17
+ - [#189314](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/189314)
18
+ [`22c6251496010`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/22c6251496010) -
19
+ Exported missing types that were already being inferred from existing exports
20
+
21
+ ### Patch Changes
22
+
23
+ - Updated dependencies
24
+
3
25
  ## 8.0.2
4
26
 
5
27
  ### Patch Changes
package/dist/cjs/ui/MediaInsertPicker.js CHANGED
@@ -14,12 +14,10 @@ var _getDomRefFromSelection = require("@atlaskit/editor-common/get-dom-ref-from-
14
14
  var _hooks = require("@atlaskit/editor-common/hooks");
15
15
  var _messages = require("@atlaskit/editor-common/messages");
16
16
  var _ui = require("@atlaskit/editor-common/ui");
17
- var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
18
17
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
19
18
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
20
19
  var _compiled = require("@atlaskit/primitives/compiled");
21
20
  var _tabs = _interopRequireWildcard(require("@atlaskit/tabs"));
22
- var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
23
21
  var _useFocusEditor = require("./hooks/use-focus-editor");
24
22
  var _useUnholyAutofocus2 = require("./hooks/use-unholy-autofocus");
25
23
  var _LocalMedia = require("./LocalMedia");
@@ -46,8 +44,26 @@ var CustomTabPanel = function CustomTabPanel(_ref) {
46
44
  }), children)
47
45
  );
48
46
  };
47
+ var useSharedState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (pluginInjectionApi) {
48
+ return (0, _hooks.useSharedPluginStateWithSelector)(pluginInjectionApi, ['media', 'mediaInsert'], function (states) {
49
+ var _states$mediaState, _states$mediaInsertSt, _states$mediaInsertSt2;
50
+ return {
51
+ mediaProvider: (_states$mediaState = states.mediaState) === null || _states$mediaState === void 0 ? void 0 : _states$mediaState.mediaProvider,
52
+ isOpen: (_states$mediaInsertSt = states.mediaInsertState) === null || _states$mediaInsertSt === void 0 ? void 0 : _states$mediaInsertSt.isOpen,
53
+ mountInfo: (_states$mediaInsertSt2 = states.mediaInsertState) === null || _states$mediaInsertSt2 === void 0 ? void 0 : _states$mediaInsertSt2.mountInfo
54
+ };
55
+ });
56
+ }, function (pluginInjectionApi) {
57
+ var _useSharedPluginState = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['media', 'mediaInsert']),
58
+ mediaState = _useSharedPluginState.mediaState,
59
+ mediaInsertState = _useSharedPluginState.mediaInsertState;
60
+ return {
61
+ mediaProvider: mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider,
62
+ isOpen: mediaInsertState === null || mediaInsertState === void 0 ? void 0 : mediaInsertState.isOpen,
63
+ mountInfo: mediaInsertState === null || mediaInsertState === void 0 ? void 0 : mediaInsertState.mountInfo
64
+ };
65
+ });
49
66
  var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_ref2) {
50
- var _useSharedPluginState, _useSharedPluginState2, _useSharedPluginState3;
51
67
  var api = _ref2.api,
52
68
  editorView = _ref2.editorView,
53
69
  dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent,
@@ -60,26 +76,10 @@ var MediaInsertPicker = exports.MediaInsertPicker = function MediaInsertPicker(_
60
76
  insertFile = _ref2.insertFile,
61
77
  _ref2$isOnlyExternalL = _ref2.isOnlyExternalLinks,
62
78
  isOnlyExternalLinks = _ref2$isOnlyExternalL === void 0 ? false : _ref2$isOnlyExternalL;
63
- var _ref3 = (_useSharedPluginState = (_useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['mediaInsert'], {
64
- disabled: (0, _expValEquals.expValEquals)('platform_editor_usesharedpluginstateselector', 'isEnabled', true)
65
- })) === null || _useSharedPluginState2 === void 0 ? void 0 : _useSharedPluginState2.mediaInsertState) !== null && _useSharedPluginState !== void 0 ? _useSharedPluginState : {},
66
- oldIsOpen = _ref3.isOpen,
67
- oldMountInfo = _ref3.mountInfo;
68
- var oldMediaProvider = (_useSharedPluginState3 = (0, _hooks.useSharedPluginState)(api, ['media'], {
69
- disabled: (0, _expValEquals.expValEquals)('platform_editor_usesharedpluginstateselector', 'isEnabled', true)
70
- })) === null || _useSharedPluginState3 === void 0 || (_useSharedPluginState3 = _useSharedPluginState3.mediaState) === null || _useSharedPluginState3 === void 0 ? void 0 : _useSharedPluginState3.mediaProvider;
71
- var isOpenSelector = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'mediaInsert.isOpen', {
72
- disabled: !(0, _expValEquals.expValEquals)('platform_editor_usesharedpluginstateselector', 'isEnabled', true)
73
- });
74
- var mountInfoSelector = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'mediaInsert.mountInfo', {
75
- disabled: !(0, _expValEquals.expValEquals)('platform_editor_usesharedpluginstateselector', 'isEnabled', true)
76
- });
77
- var mediaProviderSelector = (0, _useSharedPluginStateSelector.useSharedPluginStateSelector)(api, 'media.mediaProvider', {
78
- disabled: !(0, _expValEquals.expValEquals)('platform_editor_usesharedpluginstateselector', 'isEnabled', true)
79
- });
80
- var isOpen = (0, _expValEquals.expValEquals)('platform_editor_usesharedpluginstateselector', 'isEnabled', true) ? isOpenSelector : oldIsOpen;
81
- var mountInfo = (0, _expValEquals.expValEquals)('platform_editor_usesharedpluginstateselector', 'isEnabled', true) ? mountInfoSelector : oldMountInfo;
82
- var mediaProvider = (0, _expValEquals.expValEquals)('platform_editor_usesharedpluginstateselector', 'isEnabled', true) ? mediaProviderSelector : oldMediaProvider;
79
+ var _useSharedState = useSharedState(api),
80
+ mediaProvider = _useSharedState.mediaProvider,
81
+ isOpen = _useSharedState.isOpen,
82
+ mountInfo = _useSharedState.mountInfo;
83
83
  var targetRef;
84
84
  var mountPoint;
85
85
  if (mountInfo) {
package/dist/es2019/ui/MediaInsertPicker.js CHANGED
@@ -3,15 +3,13 @@ import React from 'react';
3
3
  import { useIntl } from 'react-intl-next';
4
4
  import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
5
5
  import { getDomRefFromSelection } from '@atlaskit/editor-common/get-dom-ref-from-selection';
6
- import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
6
+ import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
7
7
  import { mediaInsertMessages } from '@atlaskit/editor-common/messages';
8
8
  import { PlainOutsideClickTargetRefContext, Popup, withOuterListeners } from '@atlaskit/editor-common/ui';
9
- import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
10
9
  import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
11
10
  import { fg } from '@atlaskit/platform-feature-flags';
12
11
  import { Box } from '@atlaskit/primitives/compiled';
13
12
  import Tabs, { Tab, TabList, useTabPanel } from '@atlaskit/tabs';
14
- import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
15
13
  import { useFocusEditor } from './hooks/use-focus-editor';
16
14
  import { useUnholyAutofocus } from './hooks/use-unholy-autofocus';
17
15
  import { LocalMedia } from './LocalMedia';
@@ -38,6 +36,26 @@ const CustomTabPanel = ({
38
36
  }), children)
39
37
  );
40
38
  };
39
+ const useSharedState = sharedPluginStateHookMigratorFactory(pluginInjectionApi => {
40
+ return useSharedPluginStateWithSelector(pluginInjectionApi, ['media', 'mediaInsert'], states => {
41
+ var _states$mediaState, _states$mediaInsertSt, _states$mediaInsertSt2;
42
+ return {
43
+ mediaProvider: (_states$mediaState = states.mediaState) === null || _states$mediaState === void 0 ? void 0 : _states$mediaState.mediaProvider,
44
+ isOpen: (_states$mediaInsertSt = states.mediaInsertState) === null || _states$mediaInsertSt === void 0 ? void 0 : _states$mediaInsertSt.isOpen,
45
+ mountInfo: (_states$mediaInsertSt2 = states.mediaInsertState) === null || _states$mediaInsertSt2 === void 0 ? void 0 : _states$mediaInsertSt2.mountInfo
46
+ };
47
+ });
48
+ }, pluginInjectionApi => {
49
+ const {
50
+ mediaState,
51
+ mediaInsertState
52
+ } = useSharedPluginState(pluginInjectionApi, ['media', 'mediaInsert']);
53
+ return {
54
+ mediaProvider: mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider,
55
+ isOpen: mediaInsertState === null || mediaInsertState === void 0 ? void 0 : mediaInsertState.isOpen,
56
+ mountInfo: mediaInsertState === null || mediaInsertState === void 0 ? void 0 : mediaInsertState.mountInfo
57
+ };
58
+ });
41
59
  export const MediaInsertPicker = ({
42
60
  api,
43
61
  editorView,
@@ -51,28 +69,11 @@ export const MediaInsertPicker = ({
51
69
  insertFile,
52
70
  isOnlyExternalLinks = false
53
71
  }) => {
54
- var _useSharedPluginState, _useSharedPluginState2, _useSharedPluginState3, _useSharedPluginState4;
55
72
  const {
56
- isOpen: oldIsOpen,
57
- mountInfo: oldMountInfo
58
- } = (_useSharedPluginState = (_useSharedPluginState2 = useSharedPluginState(api, ['mediaInsert'], {
59
- disabled: expValEquals('platform_editor_usesharedpluginstateselector', 'isEnabled', true)
60
- })) === null || _useSharedPluginState2 === void 0 ? void 0 : _useSharedPluginState2.mediaInsertState) !== null && _useSharedPluginState !== void 0 ? _useSharedPluginState : {};
61
- const oldMediaProvider = (_useSharedPluginState3 = useSharedPluginState(api, ['media'], {
62
- disabled: expValEquals('platform_editor_usesharedpluginstateselector', 'isEnabled', true)
63
- })) === null || _useSharedPluginState3 === void 0 ? void 0 : (_useSharedPluginState4 = _useSharedPluginState3.mediaState) === null || _useSharedPluginState4 === void 0 ? void 0 : _useSharedPluginState4.mediaProvider;
64
- const isOpenSelector = useSharedPluginStateSelector(api, 'mediaInsert.isOpen', {
65
- disabled: !expValEquals('platform_editor_usesharedpluginstateselector', 'isEnabled', true)
66
- });
67
- const mountInfoSelector = useSharedPluginStateSelector(api, 'mediaInsert.mountInfo', {
68
- disabled: !expValEquals('platform_editor_usesharedpluginstateselector', 'isEnabled', true)
69
- });
70
- const mediaProviderSelector = useSharedPluginStateSelector(api, 'media.mediaProvider', {
71
- disabled: !expValEquals('platform_editor_usesharedpluginstateselector', 'isEnabled', true)
72
- });
73
- const isOpen = expValEquals('platform_editor_usesharedpluginstateselector', 'isEnabled', true) ? isOpenSelector : oldIsOpen;
74
- const mountInfo = expValEquals('platform_editor_usesharedpluginstateselector', 'isEnabled', true) ? mountInfoSelector : oldMountInfo;
75
- const mediaProvider = expValEquals('platform_editor_usesharedpluginstateselector', 'isEnabled', true) ? mediaProviderSelector : oldMediaProvider;
73
+ mediaProvider,
74
+ isOpen,
75
+ mountInfo
76
+ } = useSharedState(api);
76
77
  let targetRef;
77
78
  let mountPoint;
78
79
  if (mountInfo) {
package/dist/esm/ui/MediaInsertPicker.js CHANGED
@@ -3,15 +3,13 @@ import React from 'react';
3
3
  import { useIntl } from 'react-intl-next';
4
4
  import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
5
5
  import { getDomRefFromSelection } from '@atlaskit/editor-common/get-dom-ref-from-selection';
6
- import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
6
+ import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
7
7
  import { mediaInsertMessages } from '@atlaskit/editor-common/messages';
8
8
  import { PlainOutsideClickTargetRefContext, Popup, withOuterListeners } from '@atlaskit/editor-common/ui';
9
- import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
10
9
  import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
11
10
  import { fg } from '@atlaskit/platform-feature-flags';
12
11
  import { Box } from '@atlaskit/primitives/compiled';
13
12
  import Tabs, { Tab, TabList, useTabPanel } from '@atlaskit/tabs';
14
- import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
15
13
  import { useFocusEditor } from './hooks/use-focus-editor';
16
14
  import { useUnholyAutofocus } from './hooks/use-unholy-autofocus';
17
15
  import { LocalMedia } from './LocalMedia';
@@ -37,8 +35,26 @@ var CustomTabPanel = function CustomTabPanel(_ref) {
37
35
  }), children)
38
36
  );
39
37
  };
38
+ var useSharedState = sharedPluginStateHookMigratorFactory(function (pluginInjectionApi) {
39
+ return useSharedPluginStateWithSelector(pluginInjectionApi, ['media', 'mediaInsert'], function (states) {
40
+ var _states$mediaState, _states$mediaInsertSt, _states$mediaInsertSt2;
41
+ return {
42
+ mediaProvider: (_states$mediaState = states.mediaState) === null || _states$mediaState === void 0 ? void 0 : _states$mediaState.mediaProvider,
43
+ isOpen: (_states$mediaInsertSt = states.mediaInsertState) === null || _states$mediaInsertSt === void 0 ? void 0 : _states$mediaInsertSt.isOpen,
44
+ mountInfo: (_states$mediaInsertSt2 = states.mediaInsertState) === null || _states$mediaInsertSt2 === void 0 ? void 0 : _states$mediaInsertSt2.mountInfo
45
+ };
46
+ });
47
+ }, function (pluginInjectionApi) {
48
+ var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['media', 'mediaInsert']),
49
+ mediaState = _useSharedPluginState.mediaState,
50
+ mediaInsertState = _useSharedPluginState.mediaInsertState;
51
+ return {
52
+ mediaProvider: mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaProvider,
53
+ isOpen: mediaInsertState === null || mediaInsertState === void 0 ? void 0 : mediaInsertState.isOpen,
54
+ mountInfo: mediaInsertState === null || mediaInsertState === void 0 ? void 0 : mediaInsertState.mountInfo
55
+ };
56
+ });
40
57
  export var MediaInsertPicker = function MediaInsertPicker(_ref2) {
41
- var _useSharedPluginState, _useSharedPluginState2, _useSharedPluginState3;
42
58
  var api = _ref2.api,
43
59
  editorView = _ref2.editorView,
44
60
  dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent,
@@ -51,26 +67,10 @@ export var MediaInsertPicker = function MediaInsertPicker(_ref2) {
51
67
  insertFile = _ref2.insertFile,
52
68
  _ref2$isOnlyExternalL = _ref2.isOnlyExternalLinks,
53
69
  isOnlyExternalLinks = _ref2$isOnlyExternalL === void 0 ? false : _ref2$isOnlyExternalL;
54
- var _ref3 = (_useSharedPluginState = (_useSharedPluginState2 = useSharedPluginState(api, ['mediaInsert'], {
55
- disabled: expValEquals('platform_editor_usesharedpluginstateselector', 'isEnabled', true)
56
- })) === null || _useSharedPluginState2 === void 0 ? void 0 : _useSharedPluginState2.mediaInsertState) !== null && _useSharedPluginState !== void 0 ? _useSharedPluginState : {},
57
- oldIsOpen = _ref3.isOpen,
58
- oldMountInfo = _ref3.mountInfo;
59
- var oldMediaProvider = (_useSharedPluginState3 = useSharedPluginState(api, ['media'], {
60
- disabled: expValEquals('platform_editor_usesharedpluginstateselector', 'isEnabled', true)
61
- })) === null || _useSharedPluginState3 === void 0 || (_useSharedPluginState3 = _useSharedPluginState3.mediaState) === null || _useSharedPluginState3 === void 0 ? void 0 : _useSharedPluginState3.mediaProvider;
62
- var isOpenSelector = useSharedPluginStateSelector(api, 'mediaInsert.isOpen', {
63
- disabled: !expValEquals('platform_editor_usesharedpluginstateselector', 'isEnabled', true)
64
- });
65
- var mountInfoSelector = useSharedPluginStateSelector(api, 'mediaInsert.mountInfo', {
66
- disabled: !expValEquals('platform_editor_usesharedpluginstateselector', 'isEnabled', true)
67
- });
68
- var mediaProviderSelector = useSharedPluginStateSelector(api, 'media.mediaProvider', {
69
- disabled: !expValEquals('platform_editor_usesharedpluginstateselector', 'isEnabled', true)
70
- });
71
- var isOpen = expValEquals('platform_editor_usesharedpluginstateselector', 'isEnabled', true) ? isOpenSelector : oldIsOpen;
72
- var mountInfo = expValEquals('platform_editor_usesharedpluginstateselector', 'isEnabled', true) ? mountInfoSelector : oldMountInfo;
73
- var mediaProvider = expValEquals('platform_editor_usesharedpluginstateselector', 'isEnabled', true) ? mediaProviderSelector : oldMediaProvider;
70
+ var _useSharedState = useSharedState(api),
71
+ mediaProvider = _useSharedState.mediaProvider,
72
+ isOpen = _useSharedState.isOpen,
73
+ mountInfo = _useSharedState.mountInfo;
74
74
  var targetRef;
75
75
  var mountPoint;
76
76
  if (mountInfo) {
package/dist/types/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  export { mediaInsertPlugin } from './mediaInsertPlugin';
2
- export type { MediaInsertPlugin, MediaInsertPluginState } from './mediaInsertPluginType';
2
+ export type { MediaInsertPlugin, MediaInsertPluginState, MediaInsertPluginDependencies, MediaInsertPluginCommands, MediaInsertPluginConfig, } from './mediaInsertPluginType';
package/dist/types-ts4.5/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  export { mediaInsertPlugin } from './mediaInsertPlugin';
2
- export type { MediaInsertPlugin, MediaInsertPluginState } from './mediaInsertPluginType';
2
+ export type { MediaInsertPlugin, MediaInsertPluginState, MediaInsertPluginDependencies, MediaInsertPluginCommands, MediaInsertPluginConfig, } from './mediaInsertPluginType';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-media-insert",
3
- "version": "8.0.2",
3
+ "version": "8.1.1",
4
4
  "description": "Media Insert plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -27,27 +27,27 @@
27
27
  "@atlaskit/adf-schema": "^49.0.6",
28
28
  "@atlaskit/button": "^23.2.0",
29
29
  "@atlaskit/editor-plugin-analytics": "^3.0.0",
30
- "@atlaskit/editor-plugin-media": "^5.1.0",
30
+ "@atlaskit/editor-plugin-media": "^5.2.0",
31
31
  "@atlaskit/editor-prosemirror": "7.0.0",
32
- "@atlaskit/editor-shared-styles": "^3.4.0",
32
+ "@atlaskit/editor-shared-styles": "^3.5.0",
33
33
  "@atlaskit/form": "^12.0.0",
34
- "@atlaskit/icon": "^27.3.0",
34
+ "@atlaskit/icon": "^27.7.0",
35
35
  "@atlaskit/media-card": "^79.4.0",
36
- "@atlaskit/media-client": "^35.1.0",
36
+ "@atlaskit/media-client": "^35.2.0",
37
37
  "@atlaskit/media-client-react": "^4.1.0",
38
38
  "@atlaskit/media-picker": "^70.0.0",
39
39
  "@atlaskit/platform-feature-flags": "^1.1.0",
40
40
  "@atlaskit/primitives": "^14.10.0",
41
- "@atlaskit/section-message": "^8.2.0",
41
+ "@atlaskit/section-message": "^8.4.0",
42
42
  "@atlaskit/tabs": "^18.1.0",
43
43
  "@atlaskit/textfield": "^8.0.0",
44
- "@atlaskit/tmp-editor-statsig": "^9.7.0",
44
+ "@atlaskit/tmp-editor-statsig": "^9.14.0",
45
45
  "@babel/runtime": "^7.0.0",
46
46
  "react-intl-next": "npm:react-intl@^5.18.1"
47
47
  },
48
48
  "peerDependencies": {
49
- "@atlaskit/editor-common": "^107.8.0",
50
- "@atlaskit/tokens": "^5.5.0",
49
+ "@atlaskit/editor-common": "^107.12.0",
50
+ "@atlaskit/tokens": "^5.6.0",
51
51
  "react": "^18.2.0",
52
52
  "react-dom": "^18.2.0"
53
53
  },