@atlaskit/editor-plugin-help-dialog 1.8.0 → 1.8.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 CHANGED
@@ -1,5 +1,24 @@
1
1
  # @atlaskit/editor-plugin-help-dialog
2
2
 
3
+ ## 1.8.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [#137614](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/137614)
8
+ [`f7efc61f35951`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f7efc61f35951) -
9
+ Add export for plugin type from paste options toolbar. Slightly re-arrange plugins to meet linting
10
+ rule.
11
+ - Updated dependencies
12
+
13
+ ## 1.8.1
14
+
15
+ ### Patch Changes
16
+
17
+ - [#136348](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/136348)
18
+ [`fb4fb56f1da7c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/fb4fb56f1da7c) -
19
+ Use optimised entry-points on editor-common for browser.
20
+ - Updated dependencies
21
+
3
22
  ## 1.8.0
4
23
 
5
24
  ### Minor Changes
@@ -8,14 +8,14 @@ exports.default = exports.ModalContent = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var _react2 = require("@emotion/react");
10
10
  var _reactIntlNext = require("react-intl-next");
11
+ var _browser = require("@atlaskit/editor-common/browser");
11
12
  var _messages = require("@atlaskit/editor-common/messages");
12
- var _utils = require("@atlaskit/editor-common/utils");
13
13
  var _heading = _interopRequireDefault(require("@atlaskit/heading"));
14
14
  var _primitives = require("@atlaskit/primitives");
15
15
  var _ModalFooter = _interopRequireDefault(require("./ModalFooter"));
16
16
  var _ModalHeader = _interopRequireDefault(require("./ModalHeader"));
17
17
  var _styles = require("./styles");
18
- var _utils2 = require("./utils");
18
+ var _utils = require("./utils");
19
19
  /**
20
20
  * @jsxRuntime classic
21
21
  * @jsx jsx
@@ -41,17 +41,17 @@ var ModalContent = exports.ModalContent = function ModalContent(_ref) {
41
41
  size: "medium"
42
42
  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.helpDialogMessages.keyboardShortcuts)), (0, _react2.jsx)("ul", null, formatting.filter(function (form) {
43
43
  var keymap = form.keymap && form.keymap();
44
- return keymap && keymap[_utils.browser.mac ? 'mac' : 'windows'];
44
+ return keymap && keymap[_browser.browser.mac ? 'mac' : 'windows'];
45
45
  }).map(function (form) {
46
46
  return (
47
47
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
48
48
  (0, _react2.jsx)("li", {
49
49
  css: _styles.row,
50
50
  key: "textFormatting-".concat(form.name)
51
- }, (0, _react2.jsx)(_primitives.Text, null, form.name), (0, _utils2.getComponentFromKeymap)(form.keymap()))
51
+ }, (0, _react2.jsx)(_primitives.Text, null, form.name), (0, _utils.getComponentFromKeymap)(form.keymap()))
52
52
  );
53
53
  }), formatting.filter(function (form) {
54
- return _utils2.shortcutNamesWithoutKeymap.indexOf(form.type) !== -1;
54
+ return _utils.shortcutNamesWithoutKeymap.indexOf(form.type) !== -1;
55
55
  }).filter(function (form) {
56
56
  return form.autoFormatting;
57
57
  }).map(function (form) {
@@ -69,7 +69,7 @@ var ModalContent = exports.ModalContent = function ModalContent(_ref) {
69
69
  }, (0, _react2.jsx)(_heading.default, {
70
70
  size: "medium"
71
71
  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.helpDialogMessages.markdown)), (0, _react2.jsx)("ul", null, formatting.filter(function (form) {
72
- return _utils2.shortcutNamesWithoutKeymap.indexOf(form.type) === -1;
72
+ return _utils.shortcutNamesWithoutKeymap.indexOf(form.type) === -1;
73
73
  }).map(function (form) {
74
74
  return form.autoFormatting &&
75
75
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
@@ -8,9 +8,9 @@ exports.getSupportedFormatting = exports.formatting = void 0;
8
8
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
9
9
  var _react = require("@emotion/react");
10
10
  var _reactIntlNext = require("react-intl-next");
11
+ var _browser = require("@atlaskit/editor-common/browser");
11
12
  var _keymaps = require("@atlaskit/editor-common/keymaps");
12
13
  var _messages = require("@atlaskit/editor-common/messages");
13
- var _utils = require("@atlaskit/editor-common/utils");
14
14
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
15
15
  var _styles = require("./styles");
16
16
  /**
@@ -355,18 +355,18 @@ var otherFormatting = function otherFormatting(_ref3) {
355
355
  (0, _react.jsx)("span", {
356
356
  css: _styles.shortcutsArray
357
357
  }, (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
358
- css: _utils.browser.mac ? _styles.codeSm : _styles.codeMd
359
- }, _utils.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
358
+ css: _browser.browser.mac ? _styles.codeSm : _styles.codeMd
359
+ }, _browser.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
360
360
  css: _styles.codeMd
361
- }, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
361
+ }, _browser.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
362
362
  css: _styles.codeMd
363
363
  }, "Shift"), ' + ', (0, _react.jsx)("span", {
364
364
  css: _styles.codeSm
365
365
  }, "\u2190")), (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
366
- css: _utils.browser.mac ? _styles.codeSm : _styles.codeMd
367
- }, _utils.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
366
+ css: _browser.browser.mac ? _styles.codeSm : _styles.codeMd
367
+ }, _browser.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
368
368
  css: _styles.codeMd
369
- }, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
369
+ }, _browser.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
370
370
  css: _styles.codeMd
371
371
  }, "Shift"), ' + ', (0, _react.jsx)("span", {
372
372
  css: _styles.codeSm
@@ -382,18 +382,18 @@ var otherFormatting = function otherFormatting(_ref3) {
382
382
  (0, _react.jsx)("span", {
383
383
  css: _styles.shortcutsArray
384
384
  }, (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
385
- css: _utils.browser.mac ? _styles.codeSm : _styles.codeMd
386
- }, _utils.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
385
+ css: _browser.browser.mac ? _styles.codeSm : _styles.codeMd
386
+ }, _browser.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
387
387
  css: _styles.codeMd
388
- }, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
388
+ }, _browser.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
389
389
  css: _styles.codeMd
390
390
  }, "Shift"), ' + ', (0, _react.jsx)("span", {
391
391
  css: _styles.codeSm
392
392
  }, "\u2191")), (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
393
- css: _utils.browser.mac ? _styles.codeSm : _styles.codeMd
394
- }, _utils.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
393
+ css: _browser.browser.mac ? _styles.codeSm : _styles.codeMd
394
+ }, _browser.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
395
395
  css: _styles.codeMd
396
- }, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
396
+ }, _browser.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
397
397
  css: _styles.codeMd
398
398
  }, "Shift"), ' + ', (0, _react.jsx)("span", {
399
399
  css: _styles.codeSm
@@ -409,16 +409,16 @@ var otherFormatting = function otherFormatting(_ref3) {
409
409
  (0, _react.jsx)("span", {
410
410
  css: _styles.shortcutsArray
411
411
  }, (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
412
- css: _utils.browser.mac ? _styles.codeSm : _styles.codeMd
413
- }, _utils.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
412
+ css: _browser.browser.mac ? _styles.codeSm : _styles.codeMd
413
+ }, _browser.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
414
414
  css: _styles.codeMd
415
- }, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
415
+ }, _browser.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
416
416
  css: _styles.codeSm
417
417
  }, "=")), (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
418
- css: _utils.browser.mac ? _styles.codeSm : _styles.codeMd
419
- }, _utils.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
418
+ css: _browser.browser.mac ? _styles.codeSm : _styles.codeMd
419
+ }, _browser.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
420
420
  css: _styles.codeMd
421
- }, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
421
+ }, _browser.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
422
422
  css: _styles.codeSm
423
423
  }, "-")))
424
424
  );
@@ -432,16 +432,16 @@ var otherFormatting = function otherFormatting(_ref3) {
432
432
  (0, _react.jsx)("span", {
433
433
  css: _styles.shortcutsArray
434
434
  }, (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
435
- css: _utils.browser.mac ? _styles.codeSm : _styles.codeMd
436
- }, _utils.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
435
+ css: _browser.browser.mac ? _styles.codeSm : _styles.codeMd
436
+ }, _browser.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
437
437
  css: _styles.codeMd
438
- }, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
438
+ }, _browser.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
439
439
  css: _styles.codeSm
440
440
  }, "]")), (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
441
- css: _utils.browser.mac ? _styles.codeSm : _styles.codeMd
442
- }, _utils.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
441
+ css: _browser.browser.mac ? _styles.codeSm : _styles.codeMd
442
+ }, _browser.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
443
443
  css: _styles.codeMd
444
- }, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
444
+ }, _browser.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
445
445
  css: _styles.codeSm
446
446
  }, "[")))
447
447
  );
@@ -455,10 +455,10 @@ var otherFormatting = function otherFormatting(_ref3) {
455
455
  (0, _react.jsx)("span", {
456
456
  css: _styles.shortcutsArray
457
457
  }, (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
458
- css: _utils.browser.mac ? _styles.codeSm : _styles.codeMd
459
- }, _utils.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
458
+ css: _browser.browser.mac ? _styles.codeSm : _styles.codeMd
459
+ }, _browser.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
460
460
  css: _styles.codeMd
461
- }, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
461
+ }, _browser.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
462
462
  css: _styles.codeMd
463
463
  }, "Shift"), ' + ', (0, _react.jsx)("span", {
464
464
  css: _styles.codeSm
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.shortcutNamesWithoutKeymap = exports.getComponentFromKeymap = void 0;
7
7
  var _react = require("@emotion/react");
8
- var _utils = require("@atlaskit/editor-common/utils");
8
+ var _browser = require("@atlaskit/editor-common/browser");
9
9
  var _styles = require("./styles");
10
10
  /**
11
11
  * @jsxRuntime classic
@@ -14,8 +14,8 @@ var _styles = require("./styles");
14
14
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
15
15
 
16
16
  var getKeyParts = function getKeyParts(keymap) {
17
- var shortcut = keymap[_utils.browser.mac ? 'mac' : 'windows'];
18
- if (_utils.browser.mac) {
17
+ var shortcut = keymap[_browser.browser.mac ? 'mac' : 'windows'];
18
+ if (_browser.browser.mac) {
19
19
  shortcut = shortcut.replace('Alt', 'Opt');
20
20
  }
21
21
  return shortcut.replace(/\-(?=.)/g, ' + ').split(' ');
@@ -1,4 +1,7 @@
1
1
  export { helpDialogPlugin } from './plugin';
2
+ // DO NOT COPY DISABLING THIS RULE. We are disabling it for a special existing case.
3
+ // This will be shortly removed. Reach out to #cc-editor-lego if you have issues.
4
+ // eslint-disable-next-line @atlaskit/editor/only-export-plugin
2
5
  export {
3
6
  /**
4
7
  * @deprecated DO NOT USE, it is only available to maintain an existing deprecated API
@@ -8,8 +8,8 @@ import React from 'react';
8
8
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
9
9
  import { jsx } from '@emotion/react';
10
10
  import { FormattedMessage } from 'react-intl-next';
11
+ import { browser } from '@atlaskit/editor-common/browser';
11
12
  import { helpDialogMessages as messages } from '@atlaskit/editor-common/messages';
12
- import { browser } from '@atlaskit/editor-common/utils';
13
13
  import Heading from '@atlaskit/heading';
14
14
  import { Text } from '@atlaskit/primitives';
15
15
  import ModalFooter from './ModalFooter';
@@ -5,9 +5,9 @@
5
5
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
6
6
  import { jsx } from '@emotion/react';
7
7
  import { FormattedMessage } from 'react-intl-next';
8
+ import { browser } from '@atlaskit/editor-common/browser';
8
9
  import { addInlineComment, addLink, alignCenter, alignLeft, alignRight, clearFormatting, decreaseMediaSize, focusTableResizer, focusToContextMenuTrigger, increaseMediaSize, insertRule, navToEditorToolbar, navToFloatingToolbar, pastePlainText, redo, setNormalText, toggleBlockQuote, toggleBold, toggleBulletList, toggleCode, toggleHeading1, toggleHeading2, toggleHeading3, toggleHeading4, toggleHeading5, toggleHeading6, toggleHighlightPalette, toggleItalic, toggleOrderedList, toggleStrikethrough, toggleSubscript, toggleSuperscript, toggleTaskItemCheckbox, toggleUnderline, undo } from '@atlaskit/editor-common/keymaps';
9
10
  import { alignmentMessages, annotationMessages, blockTypeMessages, listMessages, helpDialogMessages as messages, toolbarInsertBlockMessages, toolbarMessages, undoRedoMessages } from '@atlaskit/editor-common/messages';
10
- import { browser } from '@atlaskit/editor-common/utils';
11
11
  import { fg } from '@atlaskit/platform-feature-flags';
12
12
  import { codeLg, codeMd, codeSm, shortcutsArray } from './styles';
13
13
  const navigationKeymaps = ({
@@ -4,7 +4,7 @@
4
4
  */
5
5
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
6
6
  import { jsx } from '@emotion/react';
7
- import { browser } from '@atlaskit/editor-common/utils';
7
+ import { browser } from '@atlaskit/editor-common/browser';
8
8
  import { codeLg, codeMd, codeSm, componentFromKeymapWrapperStyles } from './styles';
9
9
  const getKeyParts = keymap => {
10
10
  let shortcut = keymap[browser.mac ? 'mac' : 'windows'];
package/dist/esm/index.js CHANGED
@@ -1,4 +1,7 @@
1
1
  export { helpDialogPlugin } from './plugin';
2
+ // DO NOT COPY DISABLING THIS RULE. We are disabling it for a special existing case.
3
+ // This will be shortly removed. Reach out to #cc-editor-lego if you have issues.
4
+ // eslint-disable-next-line @atlaskit/editor/only-export-plugin
2
5
  export {
3
6
  /**
4
7
  * @deprecated DO NOT USE, it is only available to maintain an existing deprecated API
@@ -8,8 +8,8 @@ import React from 'react';
8
8
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
9
9
  import { jsx } from '@emotion/react';
10
10
  import { FormattedMessage } from 'react-intl-next';
11
+ import { browser } from '@atlaskit/editor-common/browser';
11
12
  import { helpDialogMessages as messages } from '@atlaskit/editor-common/messages';
12
- import { browser } from '@atlaskit/editor-common/utils';
13
13
  import Heading from '@atlaskit/heading';
14
14
  import { Text } from '@atlaskit/primitives';
15
15
  import ModalFooter from './ModalFooter';
@@ -6,9 +6,9 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
6
6
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
7
7
  import { jsx } from '@emotion/react';
8
8
  import { FormattedMessage } from 'react-intl-next';
9
+ import { browser } from '@atlaskit/editor-common/browser';
9
10
  import { addInlineComment, addLink, alignCenter, alignLeft, alignRight, clearFormatting, decreaseMediaSize, focusTableResizer, focusToContextMenuTrigger, increaseMediaSize, insertRule, navToEditorToolbar, navToFloatingToolbar, pastePlainText, redo, setNormalText, toggleBlockQuote, toggleBold, toggleBulletList, toggleCode, toggleHeading1, toggleHeading2, toggleHeading3, toggleHeading4, toggleHeading5, toggleHeading6, toggleHighlightPalette, toggleItalic, toggleOrderedList, toggleStrikethrough, toggleSubscript, toggleSuperscript, toggleTaskItemCheckbox, toggleUnderline, undo } from '@atlaskit/editor-common/keymaps';
10
11
  import { alignmentMessages, annotationMessages, blockTypeMessages, listMessages, helpDialogMessages as messages, toolbarInsertBlockMessages, toolbarMessages, undoRedoMessages } from '@atlaskit/editor-common/messages';
11
- import { browser } from '@atlaskit/editor-common/utils';
12
12
  import { fg } from '@atlaskit/platform-feature-flags';
13
13
  import { codeLg, codeMd, codeSm, shortcutsArray } from './styles';
14
14
  var navigationKeymaps = function navigationKeymaps(_ref) {
@@ -4,7 +4,7 @@
4
4
  */
5
5
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
6
6
  import { jsx } from '@emotion/react';
7
- import { browser } from '@atlaskit/editor-common/utils';
7
+ import { browser } from '@atlaskit/editor-common/browser';
8
8
  import { codeLg, codeMd, codeSm, componentFromKeymapWrapperStyles } from './styles';
9
9
  var getKeyParts = function getKeyParts(keymap) {
10
10
  var shortcut = keymap[browser.mac ? 'mac' : 'windows'];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-help-dialog",
3
- "version": "1.8.0",
3
+ "version": "1.8.2",
4
4
  "description": "Help Dialog plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -10,7 +10,6 @@
10
10
  "atlassian": {
11
11
  "team": "Editor: Lego",
12
12
  "singleton": true,
13
- "releaseModel": "continuous",
14
13
  "runReact18": false
15
14
  },
16
15
  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
@@ -32,16 +31,16 @@
32
31
  ".": "./src/index.ts"
33
32
  },
34
33
  "dependencies": {
35
- "@atlaskit/editor-common": "^88.1.0",
34
+ "@atlaskit/editor-common": "^88.10.0",
36
35
  "@atlaskit/editor-plugin-analytics": "^1.8.0",
37
36
  "@atlaskit/editor-plugin-quick-insert": "^1.3.0",
38
37
  "@atlaskit/editor-prosemirror": "5.0.1",
39
38
  "@atlaskit/editor-shared-styles": "^2.13.0",
40
39
  "@atlaskit/heading": "^2.4.0",
41
- "@atlaskit/icon": "^22.14.0",
40
+ "@atlaskit/icon": "^22.15.0",
42
41
  "@atlaskit/modal-dialog": "^12.15.0",
43
42
  "@atlaskit/platform-feature-flags": "^0.3.0",
44
- "@atlaskit/primitives": "^12.0.0",
43
+ "@atlaskit/primitives": "^12.1.0",
45
44
  "@atlaskit/theme": "^13.0.0",
46
45
  "@atlaskit/tokens": "^1.59.0",
47
46
  "@babel/runtime": "^7.0.0",