@atlaskit/editor-plugin-help-dialog 15.0.12 → 15.0.13
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 +10 -0
- package/dist/cjs/ui/Modal.js +2 -2
- package/dist/cjs/ui/ModalContent.js +1 -1
- package/dist/cjs/ui/ModalHeader.js +5 -5
- package/dist/cjs/ui/index.js +3 -4
- package/dist/es2019/ui/Modal.js +1 -1
- package/dist/es2019/ui/ModalContent.js +1 -1
- package/dist/es2019/ui/ModalHeader.js +3 -3
- package/dist/es2019/ui/index.js +2 -1
- package/dist/esm/ui/Modal.js +1 -1
- package/dist/esm/ui/ModalContent.js +1 -1
- package/dist/esm/ui/ModalHeader.js +3 -3
- package/dist/esm/ui/index.js +2 -1
- package/dist/types/ui/ModalContent.d.ts +1 -1
- package/dist/types/ui/ModalHeader.d.ts +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,15 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-help-dialog
|
|
2
2
|
|
|
3
|
+
## 15.0.13
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`656801b9e097c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/656801b9e097c) -
|
|
8
|
+
VOLTC-331 - Migrate updated package usage in platform/editor: rewrite barrel imports of
|
|
9
|
+
voltCompliant provider packages to deep/subpath imports (consumer-side debarrel). No public API
|
|
10
|
+
changes.
|
|
11
|
+
- Updated dependencies
|
|
12
|
+
|
|
3
13
|
## 15.0.12
|
|
4
14
|
|
|
5
15
|
### Patch Changes
|
package/dist/cjs/ui/Modal.js
CHANGED
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = require("@emotion/react");
|
|
8
|
-
var
|
|
8
|
+
var _hooks = require("@atlaskit/modal-dialog/hooks");
|
|
9
9
|
var _ModalContent = require("./ModalContent");
|
|
10
10
|
/**
|
|
11
11
|
* @jsxRuntime classic
|
|
@@ -15,7 +15,7 @@ var _ModalContent = require("./ModalContent");
|
|
|
15
15
|
|
|
16
16
|
var Modal = function Modal(_ref) {
|
|
17
17
|
var formatting = _ref.formatting;
|
|
18
|
-
var _useModal = (0,
|
|
18
|
+
var _useModal = (0, _hooks.useModal)(),
|
|
19
19
|
onClose = _useModal.onClose;
|
|
20
20
|
return (0, _react.jsx)(_ModalContent.ModalContent, {
|
|
21
21
|
formatting: formatting,
|
|
@@ -10,7 +10,7 @@ var _react2 = require("@emotion/react");
|
|
|
10
10
|
var _reactIntl = require("react-intl");
|
|
11
11
|
var _browser = require("@atlaskit/editor-common/browser");
|
|
12
12
|
var _messages = require("@atlaskit/editor-common/messages");
|
|
13
|
-
var _heading = _interopRequireDefault(require("@atlaskit/heading"));
|
|
13
|
+
var _heading = _interopRequireDefault(require("@atlaskit/heading/heading"));
|
|
14
14
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
15
15
|
var _ModalFooter = _interopRequireDefault(require("./ModalFooter"));
|
|
16
16
|
var _ModalHeader = _interopRequireDefault(require("./ModalHeader"));
|
|
@@ -9,10 +9,10 @@ var _react = require("@emotion/react");
|
|
|
9
9
|
var _reactIntl = require("react-intl");
|
|
10
10
|
var _messages = require("@atlaskit/editor-common/messages");
|
|
11
11
|
var _uiMenu = require("@atlaskit/editor-common/ui-menu");
|
|
12
|
-
var _heading = _interopRequireDefault(require("@atlaskit/heading"));
|
|
12
|
+
var _heading = _interopRequireDefault(require("@atlaskit/heading/heading"));
|
|
13
13
|
var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
|
|
14
|
-
var
|
|
15
|
-
var
|
|
14
|
+
var _closeButton = require("@atlaskit/modal-dialog/close-button");
|
|
15
|
+
var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
|
|
16
16
|
var _styles = require("./styles");
|
|
17
17
|
/**
|
|
18
18
|
* @jsxRuntime classic
|
|
@@ -44,10 +44,10 @@ var ModalHeader = (0, _reactIntl.injectIntl)(function (_ref) {
|
|
|
44
44
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
45
45
|
, _messages.helpDialogMessages.editorHelp)), onClose ? (0, _react.jsx)("div", {
|
|
46
46
|
css: toolbarFocusStyles
|
|
47
|
-
}, (0, _react.jsx)(
|
|
47
|
+
}, (0, _react.jsx)(_Tooltip.default, {
|
|
48
48
|
content: formatMessage(_messages.helpDialogMessages.closeHelpDialog),
|
|
49
49
|
position: "top"
|
|
50
|
-
}, (0, _react.jsx)(
|
|
50
|
+
}, (0, _react.jsx)(_closeButton.CloseButton, {
|
|
51
51
|
onClick: onClose,
|
|
52
52
|
label: formatMessage(_messages.helpDialogMessages.closeHelpDialog)
|
|
53
53
|
}))) : (0, _react.jsx)("div", null, (0, _react.jsx)(_uiMenu.ToolbarButton, {
|
package/dist/cjs/ui/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -11,11 +10,11 @@ var _react2 = require("@emotion/react");
|
|
|
11
10
|
var _reactIntl = require("react-intl");
|
|
12
11
|
var _hooks = require("@atlaskit/editor-common/hooks");
|
|
13
12
|
var _messages = require("@atlaskit/editor-common/messages");
|
|
14
|
-
var _modalDialog =
|
|
13
|
+
var _modalDialog = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-dialog"));
|
|
14
|
+
var _modalTransition = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-transition"));
|
|
15
15
|
var _commands = require("../pm-plugins/commands");
|
|
16
16
|
var _formatting = require("./formatting");
|
|
17
17
|
var _Modal = _interopRequireDefault(require("./Modal"));
|
|
18
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
19
18
|
/**
|
|
20
19
|
* @jsxRuntime classic
|
|
21
20
|
* @jsx jsx
|
|
@@ -62,7 +61,7 @@ var HelpDialog = function HelpDialog(_ref) {
|
|
|
62
61
|
}, [handleEsc]);
|
|
63
62
|
var formatting = (0, _formatting.getSupportedFormatting)(editorView.state.schema, intl, imageEnabled, quickInsertEnabled, aiEnabled);
|
|
64
63
|
var label = intl.formatMessage(_messages.helpDialogMessages.editorHelp);
|
|
65
|
-
return (0, _react2.jsx)(
|
|
64
|
+
return (0, _react2.jsx)(_modalTransition.default, null, isVisible ?
|
|
66
65
|
// eslint-disable-next-line @atlaskit/design-system/no-modal-label
|
|
67
66
|
(0, _react2.jsx)(_modalDialog.default, {
|
|
68
67
|
label: label,
|
package/dist/es2019/ui/Modal.js
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*/
|
|
5
5
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
|
|
6
6
|
import { jsx } from '@emotion/react';
|
|
7
|
-
import { useModal } from '@atlaskit/modal-dialog';
|
|
7
|
+
import { useModal } from '@atlaskit/modal-dialog/hooks';
|
|
8
8
|
import { ModalContent } from './ModalContent';
|
|
9
9
|
const Modal = ({
|
|
10
10
|
formatting
|
|
@@ -10,7 +10,7 @@ import { jsx } from '@emotion/react';
|
|
|
10
10
|
import { FormattedMessage, useIntl } from 'react-intl';
|
|
11
11
|
import { getBrowserInfo } from '@atlaskit/editor-common/browser';
|
|
12
12
|
import { helpDialogMessages as messages } from '@atlaskit/editor-common/messages';
|
|
13
|
-
import Heading from '@atlaskit/heading';
|
|
13
|
+
import Heading from '@atlaskit/heading/heading';
|
|
14
14
|
import { Text } from '@atlaskit/primitives/compiled';
|
|
15
15
|
import ModalFooter from './ModalFooter';
|
|
16
16
|
import ModalHeader from './ModalHeader';
|
|
@@ -8,10 +8,10 @@ import { jsx, css } from '@emotion/react';
|
|
|
8
8
|
import { FormattedMessage, injectIntl } from 'react-intl';
|
|
9
9
|
import { helpDialogMessages as messages } from '@atlaskit/editor-common/messages';
|
|
10
10
|
import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
|
|
11
|
-
import Heading from '@atlaskit/heading';
|
|
11
|
+
import Heading from '@atlaskit/heading/heading';
|
|
12
12
|
import CrossIcon from '@atlaskit/icon/core/cross';
|
|
13
|
-
import { CloseButton } from '@atlaskit/modal-dialog';
|
|
14
|
-
import Tooltip from '@atlaskit/tooltip';
|
|
13
|
+
import { CloseButton } from '@atlaskit/modal-dialog/close-button';
|
|
14
|
+
import Tooltip from '@atlaskit/tooltip/Tooltip';
|
|
15
15
|
import { header, toolbarButton } from './styles';
|
|
16
16
|
const toolbarFocusStyles = css({
|
|
17
17
|
// In Firefox/Safari, when user clicks (as suppose to press Enter) on the help quick insert item, focus ring may not be present
|
package/dist/es2019/ui/index.js
CHANGED
|
@@ -9,7 +9,8 @@ import { jsx } from '@emotion/react';
|
|
|
9
9
|
import { injectIntl } from 'react-intl';
|
|
10
10
|
import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
|
|
11
11
|
import { helpDialogMessages as messages } from '@atlaskit/editor-common/messages';
|
|
12
|
-
import AkModalDialog
|
|
12
|
+
import AkModalDialog from '@atlaskit/modal-dialog/modal-dialog';
|
|
13
|
+
import ModalTransition from '@atlaskit/modal-dialog/modal-transition';
|
|
13
14
|
import { closeHelpCommand } from '../pm-plugins/commands';
|
|
14
15
|
import { getSupportedFormatting } from './formatting';
|
|
15
16
|
import Modal from './Modal';
|
package/dist/esm/ui/Modal.js
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*/
|
|
5
5
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
|
|
6
6
|
import { jsx } from '@emotion/react';
|
|
7
|
-
import { useModal } from '@atlaskit/modal-dialog';
|
|
7
|
+
import { useModal } from '@atlaskit/modal-dialog/hooks';
|
|
8
8
|
import { ModalContent } from './ModalContent';
|
|
9
9
|
var Modal = function Modal(_ref) {
|
|
10
10
|
var formatting = _ref.formatting;
|
|
@@ -10,7 +10,7 @@ import { jsx } from '@emotion/react';
|
|
|
10
10
|
import { FormattedMessage, useIntl } from 'react-intl';
|
|
11
11
|
import { getBrowserInfo } from '@atlaskit/editor-common/browser';
|
|
12
12
|
import { helpDialogMessages as messages } from '@atlaskit/editor-common/messages';
|
|
13
|
-
import Heading from '@atlaskit/heading';
|
|
13
|
+
import Heading from '@atlaskit/heading/heading';
|
|
14
14
|
import { Text } from '@atlaskit/primitives/compiled';
|
|
15
15
|
import ModalFooter from './ModalFooter';
|
|
16
16
|
import ModalHeader from './ModalHeader';
|
|
@@ -8,10 +8,10 @@ import { jsx, css } from '@emotion/react';
|
|
|
8
8
|
import { FormattedMessage, injectIntl } from 'react-intl';
|
|
9
9
|
import { helpDialogMessages as messages } from '@atlaskit/editor-common/messages';
|
|
10
10
|
import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
|
|
11
|
-
import Heading from '@atlaskit/heading';
|
|
11
|
+
import Heading from '@atlaskit/heading/heading';
|
|
12
12
|
import CrossIcon from '@atlaskit/icon/core/cross';
|
|
13
|
-
import { CloseButton } from '@atlaskit/modal-dialog';
|
|
14
|
-
import Tooltip from '@atlaskit/tooltip';
|
|
13
|
+
import { CloseButton } from '@atlaskit/modal-dialog/close-button';
|
|
14
|
+
import Tooltip from '@atlaskit/tooltip/Tooltip';
|
|
15
15
|
import { header, toolbarButton } from './styles';
|
|
16
16
|
var toolbarFocusStyles = css({
|
|
17
17
|
// In Firefox/Safari, when user clicks (as suppose to press Enter) on the help quick insert item, focus ring may not be present
|
package/dist/esm/ui/index.js
CHANGED
|
@@ -9,7 +9,8 @@ import { jsx } from '@emotion/react';
|
|
|
9
9
|
import { injectIntl } from 'react-intl';
|
|
10
10
|
import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
|
|
11
11
|
import { helpDialogMessages as messages } from '@atlaskit/editor-common/messages';
|
|
12
|
-
import AkModalDialog
|
|
12
|
+
import AkModalDialog from '@atlaskit/modal-dialog/modal-dialog';
|
|
13
|
+
import ModalTransition from '@atlaskit/modal-dialog/modal-transition';
|
|
13
14
|
import { closeHelpCommand } from '../pm-plugins/commands';
|
|
14
15
|
import { getSupportedFormatting } from './formatting';
|
|
15
16
|
import Modal from './Modal';
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import type { ComponentType, FC } from 'react';
|
|
6
6
|
import type { WithIntlProps, WrappedComponentProps } from 'react-intl';
|
|
7
|
-
import {
|
|
7
|
+
import type { OnCloseHandler } from '@atlaskit/modal-dialog/types';
|
|
8
8
|
interface ModalHeaderProps extends WrappedComponentProps {
|
|
9
9
|
onClose: OnCloseHandler | undefined;
|
|
10
10
|
}
|