@atlaskit/editor-plugin-quick-insert 6.0.0 → 6.0.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 +14 -0
- package/dist/cjs/ui/ModalElementBrowser/ModalElementBrowser.js +18 -41
- package/dist/es2019/ui/ModalElementBrowser/ModalElementBrowser.js +19 -40
- package/dist/esm/ui/ModalElementBrowser/ModalElementBrowser.js +19 -42
- package/dist/types/ui/ModalElementBrowser/ModalElementBrowser.d.ts +2 -7
- package/dist/types-ts4.5/ui/ModalElementBrowser/ModalElementBrowser.d.ts +2 -7
- package/package.json +7 -10
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-quick-insert
|
|
2
2
|
|
|
3
|
+
## 6.0.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`a369fcd2d81f3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a369fcd2d81f3) -
|
|
8
|
+
[ux] [ENGHEALTH-30483] Add close button to element browser modal header section
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 6.0.1
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- Updated dependencies
|
|
16
|
+
|
|
3
17
|
## 6.0.0
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
});
|
|
8
8
|
exports.default = exports.MODAL_WRAPPER_PADDING = void 0;
|
|
9
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
10
|
-
var _react =
|
|
10
|
+
var _react = require("react");
|
|
11
11
|
var _react2 = require("@emotion/react");
|
|
12
12
|
var _reactIntlNext = require("react-intl-next");
|
|
13
13
|
var _button = _interopRequireDefault(require("@atlaskit/button"));
|
|
@@ -15,8 +15,8 @@ var _elementBrowser = require("@atlaskit/editor-common/element-browser");
|
|
|
15
15
|
var _quickInsert = require("@atlaskit/editor-common/quick-insert");
|
|
16
16
|
var _questionCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/question-circle"));
|
|
17
17
|
var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
|
|
18
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
19
18
|
var _colors = require("@atlaskit/theme/colors");
|
|
19
|
+
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
20
20
|
var _categories = require("./categories");
|
|
21
21
|
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); }
|
|
22
22
|
/**
|
|
@@ -51,6 +51,12 @@ var modalFooterStyles = (0, _react2.css)({
|
|
|
51
51
|
alignItems: 'center',
|
|
52
52
|
justifyContent: 'space-between'
|
|
53
53
|
});
|
|
54
|
+
var modalCloseButtonStyles = (0, _react2.css)({
|
|
55
|
+
display: 'flex',
|
|
56
|
+
justifyContent: 'flex-end',
|
|
57
|
+
paddingBlockStart: "var(--ds-space-200, 16px)",
|
|
58
|
+
paddingInline: "var(--ds-space-200, 16px)"
|
|
59
|
+
});
|
|
54
60
|
var ModalElementBrowser = function ModalElementBrowser(props) {
|
|
55
61
|
var _useState = (0, _react.useState)(),
|
|
56
62
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
@@ -58,8 +64,8 @@ var ModalElementBrowser = function ModalElementBrowser(props) {
|
|
|
58
64
|
setSelectedItem = _useState2[1];
|
|
59
65
|
var helpUrl = props.helpUrl,
|
|
60
66
|
intl = props.intl,
|
|
61
|
-
onClose = props.onClose,
|
|
62
67
|
onInsertItemFn = props.onInsertItem;
|
|
68
|
+
var isUpdateModalCloseButtonEnabled = (0, _expValEquals.expValEquals)('platform_editor_update_modal_close_button', 'isEnabled', true);
|
|
63
69
|
var onSelectItem = (0, _react.useCallback)(function (item) {
|
|
64
70
|
setSelectedItem(item);
|
|
65
71
|
}, [setSelectedItem]);
|
|
@@ -77,14 +83,6 @@ var ModalElementBrowser = function ModalElementBrowser(props) {
|
|
|
77
83
|
beforeElement: helpUrl ? HelpLink(helpUrl, intl.formatMessage(_quickInsert.messages.help)) : undefined
|
|
78
84
|
});
|
|
79
85
|
}, [onInsertItem, selectedItem, helpUrl, intl]);
|
|
80
|
-
|
|
81
|
-
// remove when cleaning up platform_editor_modal_element_browser_a11y
|
|
82
|
-
// Since Modal uses stackIndex it's shouldCloseOnEscapePress prop doesn't work.
|
|
83
|
-
var onKeyDown = (0, _react.useCallback)(function (e) {
|
|
84
|
-
if (e.key === 'Escape') {
|
|
85
|
-
onClose();
|
|
86
|
-
}
|
|
87
|
-
}, [onClose]);
|
|
88
86
|
var RenderBody = (0, _react.useCallback)(function () {
|
|
89
87
|
return (0, _react2.jsx)("div", {
|
|
90
88
|
css: wrapperStyles
|
|
@@ -96,10 +94,11 @@ var ModalElementBrowser = function ModalElementBrowser(props) {
|
|
|
96
94
|
mode: "full",
|
|
97
95
|
onSelectItem: onSelectItem,
|
|
98
96
|
onInsertItem: onInsertItem,
|
|
99
|
-
emptyStateHandler: props.emptyStateHandler
|
|
97
|
+
emptyStateHandler: props.emptyStateHandler,
|
|
98
|
+
autoFocusSearch: !isUpdateModalCloseButtonEnabled
|
|
100
99
|
}));
|
|
101
|
-
}, [props.intl, props.getItems, onSelectItem, onInsertItem, props.emptyStateHandler]);
|
|
102
|
-
return (0,
|
|
100
|
+
}, [props.intl, props.getItems, onSelectItem, onInsertItem, props.emptyStateHandler, isUpdateModalCloseButtonEnabled]);
|
|
101
|
+
return (0, _react2.jsx)("div", {
|
|
103
102
|
"data-editor-popup": true
|
|
104
103
|
}, (0, _react2.jsx)(_modalDialog.ModalTransition, null, props.isOpen && (0, _react2.jsx)(_modalDialog.default, {
|
|
105
104
|
testId: "element-browser-modal-dialog",
|
|
@@ -110,35 +109,13 @@ var ModalElementBrowser = function ModalElementBrowser(props) {
|
|
|
110
109
|
height: "664px",
|
|
111
110
|
width: "x-large",
|
|
112
111
|
shouldReturnFocus: props.shouldReturnFocus
|
|
113
|
-
},
|
|
114
|
-
|
|
115
|
-
(0, _react2.jsx)(
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
onKeyDown: onKeyDown
|
|
119
|
-
}, (0, _react2.jsx)(_modalDialog.ModalTransition, null, props.isOpen && (0, _react2.jsx)(_modalDialog.default, {
|
|
120
|
-
testId: "element-browser-modal-dialog",
|
|
121
|
-
stackIndex: 0,
|
|
122
|
-
key: "element-browser-modal",
|
|
123
|
-
onClose: props.onClose,
|
|
124
|
-
onCloseComplete: props.onCloseComplete,
|
|
125
|
-
height: "664px",
|
|
126
|
-
width: "x-large",
|
|
127
|
-
autoFocus: false,
|
|
128
|
-
shouldReturnFocus: props.shouldReturnFocus
|
|
129
|
-
// defaults to true and doesn't work along with stackIndex=1.
|
|
130
|
-
// packages/design-system/modal-dialog/src/components/Content.tsx Line 287
|
|
131
|
-
,
|
|
132
|
-
shouldCloseOnEscapePress: false
|
|
133
|
-
}, (0, _react2.jsx)(RenderBody, null), (0, _react2.jsx)(RenderFooter, null))));
|
|
112
|
+
}, isUpdateModalCloseButtonEnabled && (0, _react2.jsx)("div", {
|
|
113
|
+
css: modalCloseButtonStyles
|
|
114
|
+
}, (0, _react2.jsx)(_modalDialog.CloseButton, {
|
|
115
|
+
onClick: props.onClose
|
|
116
|
+
})), (0, _react2.jsx)(RenderBody, null), (0, _react2.jsx)(RenderFooter, null))));
|
|
134
117
|
};
|
|
135
118
|
ModalElementBrowser.displayName = 'ModalElementBrowser';
|
|
136
|
-
|
|
137
|
-
// remove when cleaning up platform_editor_modal_element_browser_a11y
|
|
138
|
-
// Prevent ModalElementBrowser click propagation through to the editor.
|
|
139
|
-
var onModalClick = function onModalClick(e) {
|
|
140
|
-
return e.stopPropagation();
|
|
141
|
-
};
|
|
142
119
|
var Footer = function Footer(_ref) {
|
|
143
120
|
var onInsert = _ref.onInsert,
|
|
144
121
|
beforeElement = _ref.beforeElement;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @jsxRuntime classic
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
|
-
import
|
|
5
|
+
import { useCallback, useState } from 'react';
|
|
6
6
|
|
|
7
7
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
8
8
|
import { css, jsx } from '@emotion/react';
|
|
@@ -11,9 +11,9 @@ import Button from '@atlaskit/button';
|
|
|
11
11
|
import { ElementBrowser } from '@atlaskit/editor-common/element-browser';
|
|
12
12
|
import { messages } from '@atlaskit/editor-common/quick-insert';
|
|
13
13
|
import QuestionCircleIcon from '@atlaskit/icon/core/migration/question-circle';
|
|
14
|
-
import Modal, { ModalTransition, useModal } from '@atlaskit/modal-dialog';
|
|
15
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
14
|
+
import Modal, { CloseButton, ModalTransition, useModal } from '@atlaskit/modal-dialog';
|
|
16
15
|
import { N0 } from '@atlaskit/theme/colors';
|
|
16
|
+
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
17
17
|
import { getCategories } from './categories';
|
|
18
18
|
export const MODAL_WRAPPER_PADDING = 16;
|
|
19
19
|
const actionsStyles = css({
|
|
@@ -40,14 +40,20 @@ const modalFooterStyles = css({
|
|
|
40
40
|
alignItems: 'center',
|
|
41
41
|
justifyContent: 'space-between'
|
|
42
42
|
});
|
|
43
|
+
const modalCloseButtonStyles = css({
|
|
44
|
+
display: 'flex',
|
|
45
|
+
justifyContent: 'flex-end',
|
|
46
|
+
paddingBlockStart: "var(--ds-space-200, 16px)",
|
|
47
|
+
paddingInline: "var(--ds-space-200, 16px)"
|
|
48
|
+
});
|
|
43
49
|
const ModalElementBrowser = props => {
|
|
44
50
|
const [selectedItem, setSelectedItem] = useState();
|
|
45
51
|
const {
|
|
46
52
|
helpUrl,
|
|
47
53
|
intl,
|
|
48
|
-
onClose,
|
|
49
54
|
onInsertItem: onInsertItemFn
|
|
50
55
|
} = props;
|
|
56
|
+
const isUpdateModalCloseButtonEnabled = expValEquals('platform_editor_update_modal_close_button', 'isEnabled', true);
|
|
51
57
|
const onSelectItem = useCallback(item => {
|
|
52
58
|
setSelectedItem(item);
|
|
53
59
|
}, [setSelectedItem]);
|
|
@@ -61,14 +67,6 @@ const ModalElementBrowser = props => {
|
|
|
61
67
|
onInsert: () => onInsertItem(selectedItem),
|
|
62
68
|
beforeElement: helpUrl ? HelpLink(helpUrl, intl.formatMessage(messages.help)) : undefined
|
|
63
69
|
}), [onInsertItem, selectedItem, helpUrl, intl]);
|
|
64
|
-
|
|
65
|
-
// remove when cleaning up platform_editor_modal_element_browser_a11y
|
|
66
|
-
// Since Modal uses stackIndex it's shouldCloseOnEscapePress prop doesn't work.
|
|
67
|
-
const onKeyDown = useCallback(e => {
|
|
68
|
-
if (e.key === 'Escape') {
|
|
69
|
-
onClose();
|
|
70
|
-
}
|
|
71
|
-
}, [onClose]);
|
|
72
70
|
const RenderBody = useCallback(() => jsx("div", {
|
|
73
71
|
css: wrapperStyles
|
|
74
72
|
}, jsx(ElementBrowser, {
|
|
@@ -79,9 +77,10 @@ const ModalElementBrowser = props => {
|
|
|
79
77
|
mode: "full",
|
|
80
78
|
onSelectItem: onSelectItem,
|
|
81
79
|
onInsertItem: onInsertItem,
|
|
82
|
-
emptyStateHandler: props.emptyStateHandler
|
|
83
|
-
|
|
84
|
-
|
|
80
|
+
emptyStateHandler: props.emptyStateHandler,
|
|
81
|
+
autoFocusSearch: !isUpdateModalCloseButtonEnabled
|
|
82
|
+
})), [props.intl, props.getItems, onSelectItem, onInsertItem, props.emptyStateHandler, isUpdateModalCloseButtonEnabled]);
|
|
83
|
+
return jsx("div", {
|
|
85
84
|
"data-editor-popup": true
|
|
86
85
|
}, jsx(ModalTransition, null, props.isOpen && jsx(Modal, {
|
|
87
86
|
testId: "element-browser-modal-dialog",
|
|
@@ -92,33 +91,13 @@ const ModalElementBrowser = props => {
|
|
|
92
91
|
height: "664px",
|
|
93
92
|
width: "x-large",
|
|
94
93
|
shouldReturnFocus: props.shouldReturnFocus
|
|
95
|
-
},
|
|
96
|
-
|
|
97
|
-
jsx(
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
onKeyDown: onKeyDown
|
|
101
|
-
}, jsx(ModalTransition, null, props.isOpen && jsx(Modal, {
|
|
102
|
-
testId: "element-browser-modal-dialog",
|
|
103
|
-
stackIndex: 0,
|
|
104
|
-
key: "element-browser-modal",
|
|
105
|
-
onClose: props.onClose,
|
|
106
|
-
onCloseComplete: props.onCloseComplete,
|
|
107
|
-
height: "664px",
|
|
108
|
-
width: "x-large",
|
|
109
|
-
autoFocus: false,
|
|
110
|
-
shouldReturnFocus: props.shouldReturnFocus
|
|
111
|
-
// defaults to true and doesn't work along with stackIndex=1.
|
|
112
|
-
// packages/design-system/modal-dialog/src/components/Content.tsx Line 287
|
|
113
|
-
,
|
|
114
|
-
shouldCloseOnEscapePress: false
|
|
115
|
-
}, jsx(RenderBody, null), jsx(RenderFooter, null))));
|
|
94
|
+
}, isUpdateModalCloseButtonEnabled && jsx("div", {
|
|
95
|
+
css: modalCloseButtonStyles
|
|
96
|
+
}, jsx(CloseButton, {
|
|
97
|
+
onClick: props.onClose
|
|
98
|
+
})), jsx(RenderBody, null), jsx(RenderFooter, null))));
|
|
116
99
|
};
|
|
117
100
|
ModalElementBrowser.displayName = 'ModalElementBrowser';
|
|
118
|
-
|
|
119
|
-
// remove when cleaning up platform_editor_modal_element_browser_a11y
|
|
120
|
-
// Prevent ModalElementBrowser click propagation through to the editor.
|
|
121
|
-
const onModalClick = e => e.stopPropagation();
|
|
122
101
|
const Footer = ({
|
|
123
102
|
onInsert,
|
|
124
103
|
beforeElement
|
|
@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
|
3
3
|
* @jsxRuntime classic
|
|
4
4
|
* @jsx jsx
|
|
5
5
|
*/
|
|
6
|
-
import
|
|
6
|
+
import { useCallback, useState } from 'react';
|
|
7
7
|
|
|
8
8
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
9
9
|
import { css, jsx } from '@emotion/react';
|
|
@@ -12,9 +12,9 @@ import Button from '@atlaskit/button';
|
|
|
12
12
|
import { ElementBrowser } from '@atlaskit/editor-common/element-browser';
|
|
13
13
|
import { messages } from '@atlaskit/editor-common/quick-insert';
|
|
14
14
|
import QuestionCircleIcon from '@atlaskit/icon/core/migration/question-circle';
|
|
15
|
-
import Modal, { ModalTransition, useModal } from '@atlaskit/modal-dialog';
|
|
16
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
15
|
+
import Modal, { CloseButton, ModalTransition, useModal } from '@atlaskit/modal-dialog';
|
|
17
16
|
import { N0 } from '@atlaskit/theme/colors';
|
|
17
|
+
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
18
18
|
import { getCategories } from './categories';
|
|
19
19
|
export var MODAL_WRAPPER_PADDING = 16;
|
|
20
20
|
var actionsStyles = css({
|
|
@@ -41,6 +41,12 @@ var modalFooterStyles = css({
|
|
|
41
41
|
alignItems: 'center',
|
|
42
42
|
justifyContent: 'space-between'
|
|
43
43
|
});
|
|
44
|
+
var modalCloseButtonStyles = css({
|
|
45
|
+
display: 'flex',
|
|
46
|
+
justifyContent: 'flex-end',
|
|
47
|
+
paddingBlockStart: "var(--ds-space-200, 16px)",
|
|
48
|
+
paddingInline: "var(--ds-space-200, 16px)"
|
|
49
|
+
});
|
|
44
50
|
var ModalElementBrowser = function ModalElementBrowser(props) {
|
|
45
51
|
var _useState = useState(),
|
|
46
52
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -48,8 +54,8 @@ var ModalElementBrowser = function ModalElementBrowser(props) {
|
|
|
48
54
|
setSelectedItem = _useState2[1];
|
|
49
55
|
var helpUrl = props.helpUrl,
|
|
50
56
|
intl = props.intl,
|
|
51
|
-
onClose = props.onClose,
|
|
52
57
|
onInsertItemFn = props.onInsertItem;
|
|
58
|
+
var isUpdateModalCloseButtonEnabled = expValEquals('platform_editor_update_modal_close_button', 'isEnabled', true);
|
|
53
59
|
var onSelectItem = useCallback(function (item) {
|
|
54
60
|
setSelectedItem(item);
|
|
55
61
|
}, [setSelectedItem]);
|
|
@@ -67,14 +73,6 @@ var ModalElementBrowser = function ModalElementBrowser(props) {
|
|
|
67
73
|
beforeElement: helpUrl ? HelpLink(helpUrl, intl.formatMessage(messages.help)) : undefined
|
|
68
74
|
});
|
|
69
75
|
}, [onInsertItem, selectedItem, helpUrl, intl]);
|
|
70
|
-
|
|
71
|
-
// remove when cleaning up platform_editor_modal_element_browser_a11y
|
|
72
|
-
// Since Modal uses stackIndex it's shouldCloseOnEscapePress prop doesn't work.
|
|
73
|
-
var onKeyDown = useCallback(function (e) {
|
|
74
|
-
if (e.key === 'Escape') {
|
|
75
|
-
onClose();
|
|
76
|
-
}
|
|
77
|
-
}, [onClose]);
|
|
78
76
|
var RenderBody = useCallback(function () {
|
|
79
77
|
return jsx("div", {
|
|
80
78
|
css: wrapperStyles
|
|
@@ -86,10 +84,11 @@ var ModalElementBrowser = function ModalElementBrowser(props) {
|
|
|
86
84
|
mode: "full",
|
|
87
85
|
onSelectItem: onSelectItem,
|
|
88
86
|
onInsertItem: onInsertItem,
|
|
89
|
-
emptyStateHandler: props.emptyStateHandler
|
|
87
|
+
emptyStateHandler: props.emptyStateHandler,
|
|
88
|
+
autoFocusSearch: !isUpdateModalCloseButtonEnabled
|
|
90
89
|
}));
|
|
91
|
-
}, [props.intl, props.getItems, onSelectItem, onInsertItem, props.emptyStateHandler]);
|
|
92
|
-
return
|
|
90
|
+
}, [props.intl, props.getItems, onSelectItem, onInsertItem, props.emptyStateHandler, isUpdateModalCloseButtonEnabled]);
|
|
91
|
+
return jsx("div", {
|
|
93
92
|
"data-editor-popup": true
|
|
94
93
|
}, jsx(ModalTransition, null, props.isOpen && jsx(Modal, {
|
|
95
94
|
testId: "element-browser-modal-dialog",
|
|
@@ -100,35 +99,13 @@ var ModalElementBrowser = function ModalElementBrowser(props) {
|
|
|
100
99
|
height: "664px",
|
|
101
100
|
width: "x-large",
|
|
102
101
|
shouldReturnFocus: props.shouldReturnFocus
|
|
103
|
-
},
|
|
104
|
-
|
|
105
|
-
jsx(
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
onKeyDown: onKeyDown
|
|
109
|
-
}, jsx(ModalTransition, null, props.isOpen && jsx(Modal, {
|
|
110
|
-
testId: "element-browser-modal-dialog",
|
|
111
|
-
stackIndex: 0,
|
|
112
|
-
key: "element-browser-modal",
|
|
113
|
-
onClose: props.onClose,
|
|
114
|
-
onCloseComplete: props.onCloseComplete,
|
|
115
|
-
height: "664px",
|
|
116
|
-
width: "x-large",
|
|
117
|
-
autoFocus: false,
|
|
118
|
-
shouldReturnFocus: props.shouldReturnFocus
|
|
119
|
-
// defaults to true and doesn't work along with stackIndex=1.
|
|
120
|
-
// packages/design-system/modal-dialog/src/components/Content.tsx Line 287
|
|
121
|
-
,
|
|
122
|
-
shouldCloseOnEscapePress: false
|
|
123
|
-
}, jsx(RenderBody, null), jsx(RenderFooter, null))));
|
|
102
|
+
}, isUpdateModalCloseButtonEnabled && jsx("div", {
|
|
103
|
+
css: modalCloseButtonStyles
|
|
104
|
+
}, jsx(CloseButton, {
|
|
105
|
+
onClick: props.onClose
|
|
106
|
+
})), jsx(RenderBody, null), jsx(RenderFooter, null))));
|
|
124
107
|
};
|
|
125
108
|
ModalElementBrowser.displayName = 'ModalElementBrowser';
|
|
126
|
-
|
|
127
|
-
// remove when cleaning up platform_editor_modal_element_browser_a11y
|
|
128
|
-
// Prevent ModalElementBrowser click propagation through to the editor.
|
|
129
|
-
var onModalClick = function onModalClick(e) {
|
|
130
|
-
return e.stopPropagation();
|
|
131
|
-
};
|
|
132
109
|
var Footer = function Footer(_ref) {
|
|
133
110
|
var onInsert = _ref.onInsert,
|
|
134
111
|
beforeElement = _ref.beforeElement;
|
|
@@ -1,8 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import React from 'react';
|
|
6
1
|
import type { WrappedComponentProps } from 'react-intl-next';
|
|
7
2
|
import type { QuickInsertItem } from '@atlaskit/editor-common/provider-factory';
|
|
8
3
|
import type { EmptyStateHandler } from '@atlaskit/editor-common/types';
|
|
@@ -17,7 +12,7 @@ export interface Props {
|
|
|
17
12
|
onInsertItem: (item: QuickInsertItem) => void;
|
|
18
13
|
shouldReturnFocus?: boolean;
|
|
19
14
|
}
|
|
20
|
-
declare const _default:
|
|
21
|
-
WrappedComponent:
|
|
15
|
+
declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
|
|
16
|
+
WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;
|
|
22
17
|
};
|
|
23
18
|
export default _default;
|
|
@@ -1,8 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import React from 'react';
|
|
6
1
|
import type { WrappedComponentProps } from 'react-intl-next';
|
|
7
2
|
import type { QuickInsertItem } from '@atlaskit/editor-common/provider-factory';
|
|
8
3
|
import type { EmptyStateHandler } from '@atlaskit/editor-common/types';
|
|
@@ -17,7 +12,7 @@ export interface Props {
|
|
|
17
12
|
onInsertItem: (item: QuickInsertItem) => void;
|
|
18
13
|
shouldReturnFocus?: boolean;
|
|
19
14
|
}
|
|
20
|
-
declare const _default:
|
|
21
|
-
WrappedComponent:
|
|
15
|
+
declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
|
|
16
|
+
WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;
|
|
22
17
|
};
|
|
23
18
|
export default _default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/editor-plugin-quick-insert",
|
|
3
|
-
"version": "6.0.
|
|
3
|
+
"version": "6.0.2",
|
|
4
4
|
"description": "Quick insert plugin for @atlaskit/editor-core",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -29,22 +29,22 @@
|
|
|
29
29
|
],
|
|
30
30
|
"atlaskit:src": "src/index.ts",
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@atlaskit/button": "^23.
|
|
32
|
+
"@atlaskit/button": "^23.5.0",
|
|
33
33
|
"@atlaskit/editor-plugin-connectivity": "^6.0.0",
|
|
34
34
|
"@atlaskit/editor-plugin-metrics": "^7.0.0",
|
|
35
|
-
"@atlaskit/editor-plugin-type-ahead": "^6.
|
|
35
|
+
"@atlaskit/editor-plugin-type-ahead": "^6.2.0",
|
|
36
36
|
"@atlaskit/editor-prosemirror": "7.0.0",
|
|
37
|
-
"@atlaskit/icon": "^28.
|
|
37
|
+
"@atlaskit/icon": "^28.4.0",
|
|
38
38
|
"@atlaskit/modal-dialog": "^14.4.0",
|
|
39
39
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
40
40
|
"@atlaskit/theme": "^21.0.0",
|
|
41
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
42
|
-
"@atlaskit/tokens": "^6.
|
|
41
|
+
"@atlaskit/tmp-editor-statsig": "^13.2.0",
|
|
42
|
+
"@atlaskit/tokens": "^6.4.0",
|
|
43
43
|
"@babel/runtime": "^7.0.0",
|
|
44
44
|
"@emotion/react": "^11.7.1"
|
|
45
45
|
},
|
|
46
46
|
"peerDependencies": {
|
|
47
|
-
"@atlaskit/editor-common": "^110.
|
|
47
|
+
"@atlaskit/editor-common": "^110.4.0",
|
|
48
48
|
"react": "^18.2.0",
|
|
49
49
|
"react-dom": "^18.2.0",
|
|
50
50
|
"react-intl-next": "npm:react-intl@^5.18.1"
|
|
@@ -103,9 +103,6 @@
|
|
|
103
103
|
},
|
|
104
104
|
"platform_editor_controls_fix_view_more_in_comment": {
|
|
105
105
|
"type": "boolean"
|
|
106
|
-
},
|
|
107
|
-
"platform_editor_modal_element_browser_a11y": {
|
|
108
|
-
"type": "boolean"
|
|
109
106
|
}
|
|
110
107
|
}
|
|
111
108
|
}
|