@atlaskit/editor-core 187.48.7 → 187.48.8
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 +7 -0
- package/dist/cjs/labs/next/presets/default.js +2 -2
- package/dist/cjs/plugins/index.js +0 -7
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/labs/next/presets/default.js +1 -1
- package/dist/es2019/plugins/index.js +0 -1
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/labs/next/presets/default.js +1 -1
- package/dist/esm/plugins/index.js +0 -1
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/plugins/index.d.ts +0 -1
- package/dist/types/ui/Appearance/FullPage/StyledComponents.d.ts +1 -1
- package/dist/types/ui/ContentStyles/index.d.ts +2 -2
- package/dist/types-ts4.5/plugins/index.d.ts +0 -1
- package/dist/types-ts4.5/ui/Appearance/FullPage/StyledComponents.d.ts +1 -1
- package/dist/types-ts4.5/ui/ContentStyles/index.d.ts +2 -2
- package/package.json +3 -3
- package/dist/cjs/plugins/floating-toolbar/index.js +0 -386
- package/dist/cjs/plugins/floating-toolbar/pm-plugins/force-focus/index.js +0 -73
- package/dist/cjs/plugins/floating-toolbar/pm-plugins/toolbar-data/commands.js +0 -26
- package/dist/cjs/plugins/floating-toolbar/pm-plugins/toolbar-data/plugin-factory.js +0 -16
- package/dist/cjs/plugins/floating-toolbar/pm-plugins/toolbar-data/plugin-key.js +0 -9
- package/dist/cjs/plugins/floating-toolbar/pm-plugins/toolbar-data/plugin.js +0 -16
- package/dist/cjs/plugins/floating-toolbar/pm-plugins/toolbar-data/reducer.js +0 -25
- package/dist/cjs/plugins/floating-toolbar/pm-plugins/toolbar-data/types.js +0 -5
- package/dist/cjs/plugins/floating-toolbar/ui/CheckboxModal.js +0 -83
- package/dist/cjs/plugins/floating-toolbar/ui/ConfirmationModal.js +0 -22
- package/dist/cjs/plugins/floating-toolbar/ui/Dropdown.js +0 -208
- package/dist/cjs/plugins/floating-toolbar/ui/DropdownMenu.js +0 -205
- package/dist/cjs/plugins/floating-toolbar/ui/EditorEmojiAddIcon.js +0 -32
- package/dist/cjs/plugins/floating-toolbar/ui/EmojiPickerButton.js +0 -120
- package/dist/cjs/plugins/floating-toolbar/ui/ExtensionsPlaceholder.js +0 -179
- package/dist/cjs/plugins/floating-toolbar/ui/Input.js +0 -78
- package/dist/cjs/plugins/floating-toolbar/ui/ScrollButtons.js +0 -152
- package/dist/cjs/plugins/floating-toolbar/ui/Select.js +0 -74
- package/dist/cjs/plugins/floating-toolbar/ui/Separator.js +0 -9
- package/dist/cjs/plugins/floating-toolbar/ui/SimpleModal.js +0 -42
- package/dist/cjs/plugins/floating-toolbar/ui/Toolbar.js +0 -427
- package/dist/cjs/plugins/floating-toolbar/ui/ToolbarLoader.js +0 -25
- package/dist/cjs/plugins/floating-toolbar/ui/messages.js +0 -55
- package/dist/cjs/plugins/floating-toolbar/ui/styles.js +0 -79
- package/dist/cjs/plugins/floating-toolbar/utils.js +0 -22
- package/dist/es2019/plugins/floating-toolbar/index.js +0 -368
- package/dist/es2019/plugins/floating-toolbar/pm-plugins/force-focus/index.js +0 -63
- package/dist/es2019/plugins/floating-toolbar/pm-plugins/toolbar-data/commands.js +0 -10
- package/dist/es2019/plugins/floating-toolbar/pm-plugins/toolbar-data/plugin-factory.js +0 -8
- package/dist/es2019/plugins/floating-toolbar/pm-plugins/toolbar-data/plugin-key.js +0 -2
- package/dist/es2019/plugins/floating-toolbar/pm-plugins/toolbar-data/plugin.js +0 -9
- package/dist/es2019/plugins/floating-toolbar/pm-plugins/toolbar-data/reducer.js +0 -16
- package/dist/es2019/plugins/floating-toolbar/pm-plugins/toolbar-data/types.js +0 -1
- package/dist/es2019/plugins/floating-toolbar/ui/CheckboxModal.js +0 -71
- package/dist/es2019/plugins/floating-toolbar/ui/ConfirmationModal.js +0 -13
- package/dist/es2019/plugins/floating-toolbar/ui/Dropdown.js +0 -180
- package/dist/es2019/plugins/floating-toolbar/ui/DropdownMenu.js +0 -191
- package/dist/es2019/plugins/floating-toolbar/ui/EditorEmojiAddIcon.js +0 -25
- package/dist/es2019/plugins/floating-toolbar/ui/EmojiPickerButton.js +0 -107
- package/dist/es2019/plugins/floating-toolbar/ui/ExtensionsPlaceholder.js +0 -100
- package/dist/es2019/plugins/floating-toolbar/ui/Input.js +0 -52
- package/dist/es2019/plugins/floating-toolbar/ui/ScrollButtons.js +0 -137
- package/dist/es2019/plugins/floating-toolbar/ui/Select.js +0 -62
- package/dist/es2019/plugins/floating-toolbar/ui/Separator.js +0 -2
- package/dist/es2019/plugins/floating-toolbar/ui/SimpleModal.js +0 -35
- package/dist/es2019/plugins/floating-toolbar/ui/Toolbar.js +0 -419
- package/dist/es2019/plugins/floating-toolbar/ui/ToolbarLoader.js +0 -6
- package/dist/es2019/plugins/floating-toolbar/ui/messages.js +0 -48
- package/dist/es2019/plugins/floating-toolbar/ui/styles.js +0 -64
- package/dist/es2019/plugins/floating-toolbar/utils.js +0 -16
- package/dist/esm/plugins/floating-toolbar/index.js +0 -375
- package/dist/esm/plugins/floating-toolbar/pm-plugins/force-focus/index.js +0 -64
- package/dist/esm/plugins/floating-toolbar/pm-plugins/toolbar-data/commands.js +0 -18
- package/dist/esm/plugins/floating-toolbar/pm-plugins/toolbar-data/plugin-factory.js +0 -8
- package/dist/esm/plugins/floating-toolbar/pm-plugins/toolbar-data/plugin-key.js +0 -2
- package/dist/esm/plugins/floating-toolbar/pm-plugins/toolbar-data/plugin.js +0 -9
- package/dist/esm/plugins/floating-toolbar/pm-plugins/toolbar-data/reducer.js +0 -17
- package/dist/esm/plugins/floating-toolbar/pm-plugins/toolbar-data/types.js +0 -1
- package/dist/esm/plugins/floating-toolbar/ui/CheckboxModal.js +0 -72
- package/dist/esm/plugins/floating-toolbar/ui/ConfirmationModal.js +0 -14
- package/dist/esm/plugins/floating-toolbar/ui/Dropdown.js +0 -199
- package/dist/esm/plugins/floating-toolbar/ui/DropdownMenu.js +0 -197
- package/dist/esm/plugins/floating-toolbar/ui/EditorEmojiAddIcon.js +0 -25
- package/dist/esm/plugins/floating-toolbar/ui/EmojiPickerButton.js +0 -113
- package/dist/esm/plugins/floating-toolbar/ui/ExtensionsPlaceholder.js +0 -168
- package/dist/esm/plugins/floating-toolbar/ui/Input.js +0 -70
- package/dist/esm/plugins/floating-toolbar/ui/ScrollButtons.js +0 -141
- package/dist/esm/plugins/floating-toolbar/ui/Select.js +0 -64
- package/dist/esm/plugins/floating-toolbar/ui/Separator.js +0 -2
- package/dist/esm/plugins/floating-toolbar/ui/SimpleModal.js +0 -31
- package/dist/esm/plugins/floating-toolbar/ui/Toolbar.js +0 -417
- package/dist/esm/plugins/floating-toolbar/ui/ToolbarLoader.js +0 -12
- package/dist/esm/plugins/floating-toolbar/ui/messages.js +0 -48
- package/dist/esm/plugins/floating-toolbar/ui/styles.js +0 -68
- package/dist/esm/plugins/floating-toolbar/utils.js +0 -16
- package/dist/types/plugins/floating-toolbar/index.d.ts +0 -13
- package/dist/types/plugins/floating-toolbar/pm-plugins/force-focus/index.d.ts +0 -21
- package/dist/types/plugins/floating-toolbar/pm-plugins/toolbar-data/commands.d.ts +0 -3
- package/dist/types/plugins/floating-toolbar/pm-plugins/toolbar-data/plugin-factory.d.ts +0 -1
- package/dist/types/plugins/floating-toolbar/pm-plugins/toolbar-data/plugin-key.d.ts +0 -3
- package/dist/types/plugins/floating-toolbar/pm-plugins/toolbar-data/plugin.d.ts +0 -3
- package/dist/types/plugins/floating-toolbar/pm-plugins/toolbar-data/reducer.d.ts +0 -3
- package/dist/types/plugins/floating-toolbar/pm-plugins/toolbar-data/types.d.ts +0 -8
- package/dist/types/plugins/floating-toolbar/ui/CheckboxModal.d.ts +0 -4
- package/dist/types/plugins/floating-toolbar/ui/ConfirmationModal.d.ts +0 -6
- package/dist/types/plugins/floating-toolbar/ui/Dropdown.d.ts +0 -41
- package/dist/types/plugins/floating-toolbar/ui/DropdownMenu.d.ts +0 -29
- package/dist/types/plugins/floating-toolbar/ui/EditorEmojiAddIcon.d.ts +0 -2
- package/dist/types/plugins/floating-toolbar/ui/EmojiPickerButton.d.ts +0 -15
- package/dist/types/plugins/floating-toolbar/ui/ExtensionsPlaceholder.d.ts +0 -16
- package/dist/types/plugins/floating-toolbar/ui/Input.d.ts +0 -23
- package/dist/types/plugins/floating-toolbar/ui/ScrollButtons.d.ts +0 -13
- package/dist/types/plugins/floating-toolbar/ui/Select.d.ts +0 -21
- package/dist/types/plugins/floating-toolbar/ui/Separator.d.ts +0 -2
- package/dist/types/plugins/floating-toolbar/ui/SimpleModal.d.ts +0 -4
- package/dist/types/plugins/floating-toolbar/ui/Toolbar.d.ts +0 -44
- package/dist/types/plugins/floating-toolbar/ui/ToolbarLoader.d.ts +0 -4
- package/dist/types/plugins/floating-toolbar/ui/messages.d.ts +0 -48
- package/dist/types/plugins/floating-toolbar/ui/styles.d.ts +0 -20
- package/dist/types/plugins/floating-toolbar/utils.d.ts +0 -2
- package/dist/types-ts4.5/plugins/floating-toolbar/index.d.ts +0 -13
- package/dist/types-ts4.5/plugins/floating-toolbar/pm-plugins/force-focus/index.d.ts +0 -21
- package/dist/types-ts4.5/plugins/floating-toolbar/pm-plugins/toolbar-data/commands.d.ts +0 -3
- package/dist/types-ts4.5/plugins/floating-toolbar/pm-plugins/toolbar-data/plugin-factory.d.ts +0 -1
- package/dist/types-ts4.5/plugins/floating-toolbar/pm-plugins/toolbar-data/plugin-key.d.ts +0 -3
- package/dist/types-ts4.5/plugins/floating-toolbar/pm-plugins/toolbar-data/plugin.d.ts +0 -3
- package/dist/types-ts4.5/plugins/floating-toolbar/pm-plugins/toolbar-data/reducer.d.ts +0 -3
- package/dist/types-ts4.5/plugins/floating-toolbar/pm-plugins/toolbar-data/types.d.ts +0 -8
- package/dist/types-ts4.5/plugins/floating-toolbar/ui/CheckboxModal.d.ts +0 -4
- package/dist/types-ts4.5/plugins/floating-toolbar/ui/ConfirmationModal.d.ts +0 -6
- package/dist/types-ts4.5/plugins/floating-toolbar/ui/Dropdown.d.ts +0 -41
- package/dist/types-ts4.5/plugins/floating-toolbar/ui/DropdownMenu.d.ts +0 -29
- package/dist/types-ts4.5/plugins/floating-toolbar/ui/EditorEmojiAddIcon.d.ts +0 -2
- package/dist/types-ts4.5/plugins/floating-toolbar/ui/EmojiPickerButton.d.ts +0 -15
- package/dist/types-ts4.5/plugins/floating-toolbar/ui/ExtensionsPlaceholder.d.ts +0 -16
- package/dist/types-ts4.5/plugins/floating-toolbar/ui/Input.d.ts +0 -23
- package/dist/types-ts4.5/plugins/floating-toolbar/ui/ScrollButtons.d.ts +0 -13
- package/dist/types-ts4.5/plugins/floating-toolbar/ui/Select.d.ts +0 -21
- package/dist/types-ts4.5/plugins/floating-toolbar/ui/Separator.d.ts +0 -2
- package/dist/types-ts4.5/plugins/floating-toolbar/ui/SimpleModal.d.ts +0 -4
- package/dist/types-ts4.5/plugins/floating-toolbar/ui/Toolbar.d.ts +0 -44
- package/dist/types-ts4.5/plugins/floating-toolbar/ui/ToolbarLoader.d.ts +0 -4
- package/dist/types-ts4.5/plugins/floating-toolbar/ui/messages.d.ts +0 -48
- package/dist/types-ts4.5/plugins/floating-toolbar/ui/styles.d.ts +0 -20
- package/dist/types-ts4.5/plugins/floating-toolbar/utils.d.ts +0 -2
|
@@ -1,179 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.ExtensionsPlaceholder = void 0;
|
|
9
|
-
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
10
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
|
-
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
12
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
-
var _reactLoadable = _interopRequireDefault(require("react-loadable"));
|
|
14
|
-
var _extensions = require("@atlaskit/editor-common/extensions");
|
|
15
|
-
var _buttonGroup = _interopRequireDefault(require("@atlaskit/button/button-group"));
|
|
16
|
-
var _utils = require("@atlaskit/editor-common/utils");
|
|
17
|
-
var _ui = require("@atlaskit/editor-common/ui");
|
|
18
|
-
var _Separator = _interopRequireDefault(require("./Separator"));
|
|
19
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
20
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
-
var noop = function noop() {
|
|
22
|
-
return null;
|
|
23
|
-
};
|
|
24
|
-
var isDefaultExport = function isDefaultExport(mod) {
|
|
25
|
-
return mod.hasOwnProperty('default');
|
|
26
|
-
};
|
|
27
|
-
var resolveExtensionIcon = /*#__PURE__*/function () {
|
|
28
|
-
var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(getIcon) {
|
|
29
|
-
var maybeIcon;
|
|
30
|
-
return _regenerator.default.wrap(function _callee$(_context) {
|
|
31
|
-
while (1) switch (_context.prev = _context.next) {
|
|
32
|
-
case 0:
|
|
33
|
-
if (getIcon) {
|
|
34
|
-
_context.next = 2;
|
|
35
|
-
break;
|
|
36
|
-
}
|
|
37
|
-
return _context.abrupt("return", noop);
|
|
38
|
-
case 2:
|
|
39
|
-
_context.next = 4;
|
|
40
|
-
return getIcon();
|
|
41
|
-
case 4:
|
|
42
|
-
maybeIcon = _context.sent;
|
|
43
|
-
return _context.abrupt("return", isDefaultExport(maybeIcon) ? maybeIcon.default : maybeIcon);
|
|
44
|
-
case 6:
|
|
45
|
-
case "end":
|
|
46
|
-
return _context.stop();
|
|
47
|
-
}
|
|
48
|
-
}, _callee);
|
|
49
|
-
}));
|
|
50
|
-
return function resolveExtensionIcon(_x) {
|
|
51
|
-
return _ref.apply(this, arguments);
|
|
52
|
-
};
|
|
53
|
-
}();
|
|
54
|
-
var ExtensionButton = function ExtensionButton(props) {
|
|
55
|
-
var item = props.item,
|
|
56
|
-
node = props.node,
|
|
57
|
-
extensionApi = props.extensionApi;
|
|
58
|
-
var ButtonIcon = _react.default.useMemo(function () {
|
|
59
|
-
return item.icon ? (0, _reactLoadable.default)({
|
|
60
|
-
loader: function () {
|
|
61
|
-
var _loader = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
|
|
62
|
-
return _regenerator.default.wrap(function _callee2$(_context2) {
|
|
63
|
-
while (1) switch (_context2.prev = _context2.next) {
|
|
64
|
-
case 0:
|
|
65
|
-
return _context2.abrupt("return", resolveExtensionIcon(item.icon));
|
|
66
|
-
case 1:
|
|
67
|
-
case "end":
|
|
68
|
-
return _context2.stop();
|
|
69
|
-
}
|
|
70
|
-
}, _callee2);
|
|
71
|
-
}));
|
|
72
|
-
function loader() {
|
|
73
|
-
return _loader.apply(this, arguments);
|
|
74
|
-
}
|
|
75
|
-
return loader;
|
|
76
|
-
}(),
|
|
77
|
-
loading: noop
|
|
78
|
-
}) : undefined;
|
|
79
|
-
}, [item.icon]);
|
|
80
|
-
var onClick = function onClick() {
|
|
81
|
-
if (typeof item.action !== 'function') {
|
|
82
|
-
throw new Error("'action' of context toolbar item '".concat(item.key, "' is not a function"));
|
|
83
|
-
}
|
|
84
|
-
var targetNodeAdf = (0, _utils.nodeToJSON)(node);
|
|
85
|
-
item.action(targetNodeAdf, extensionApi);
|
|
86
|
-
};
|
|
87
|
-
return /*#__PURE__*/_react.default.createElement(_ui.FloatingToolbarButton, {
|
|
88
|
-
title: item.label,
|
|
89
|
-
ariaLabel: item.tooltip,
|
|
90
|
-
icon: ButtonIcon ? /*#__PURE__*/_react.default.createElement(ButtonIcon, {
|
|
91
|
-
label: item.label || ''
|
|
92
|
-
}) : undefined,
|
|
93
|
-
onClick: onClick,
|
|
94
|
-
tooltipContent: item.tooltip,
|
|
95
|
-
disabled: item.disabled
|
|
96
|
-
}, item.label);
|
|
97
|
-
};
|
|
98
|
-
var ExtensionsPlaceholder = function ExtensionsPlaceholder(props) {
|
|
99
|
-
var node = props.node,
|
|
100
|
-
editorView = props.editorView,
|
|
101
|
-
extensionProvider = props.extensionProvider,
|
|
102
|
-
separator = props.separator,
|
|
103
|
-
applyChangeToContextPanel = props.applyChangeToContextPanel,
|
|
104
|
-
extensionApi = props.extensionApi;
|
|
105
|
-
var _useState = (0, _react.useState)([]),
|
|
106
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
107
|
-
extensions = _useState2[0],
|
|
108
|
-
setExtensions = _useState2[1];
|
|
109
|
-
(0, _react.useEffect)(function () {
|
|
110
|
-
getExtensions();
|
|
111
|
-
function getExtensions() {
|
|
112
|
-
return _getExtensions.apply(this, arguments);
|
|
113
|
-
} // leaving dependencies array empty so that this effect runs just once on component mount
|
|
114
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
115
|
-
function _getExtensions() {
|
|
116
|
-
_getExtensions = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
|
|
117
|
-
var provider;
|
|
118
|
-
return _regenerator.default.wrap(function _callee3$(_context3) {
|
|
119
|
-
while (1) switch (_context3.prev = _context3.next) {
|
|
120
|
-
case 0:
|
|
121
|
-
_context3.next = 2;
|
|
122
|
-
return extensionProvider;
|
|
123
|
-
case 2:
|
|
124
|
-
provider = _context3.sent;
|
|
125
|
-
if (!provider) {
|
|
126
|
-
_context3.next = 9;
|
|
127
|
-
break;
|
|
128
|
-
}
|
|
129
|
-
_context3.t0 = setExtensions;
|
|
130
|
-
_context3.next = 7;
|
|
131
|
-
return provider.getExtensions();
|
|
132
|
-
case 7:
|
|
133
|
-
_context3.t1 = _context3.sent;
|
|
134
|
-
(0, _context3.t0)(_context3.t1);
|
|
135
|
-
case 9:
|
|
136
|
-
case "end":
|
|
137
|
-
return _context3.stop();
|
|
138
|
-
}
|
|
139
|
-
}, _callee3);
|
|
140
|
-
}));
|
|
141
|
-
return _getExtensions.apply(this, arguments);
|
|
142
|
-
}
|
|
143
|
-
}, []);
|
|
144
|
-
var nodeAdf = _react.default.useMemo(function () {
|
|
145
|
-
return (0, _utils.nodeToJSON)(node);
|
|
146
|
-
}, [node]);
|
|
147
|
-
var extensionItems = _react.default.useMemo(function () {
|
|
148
|
-
return (0, _extensions.getContextualToolbarItemsFromModule)(extensions, nodeAdf, extensionApi);
|
|
149
|
-
}, [extensions, nodeAdf, extensionApi]);
|
|
150
|
-
if (!extensionItems.length) {
|
|
151
|
-
return null;
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
// ButtonGroup wraps each child with another layer
|
|
155
|
-
// but count fragment as 1 child, so here we create the children manually.
|
|
156
|
-
var children = [];
|
|
157
|
-
if (separator && ['start', 'both'].includes(separator)) {
|
|
158
|
-
children.push( /*#__PURE__*/_react.default.createElement(_Separator.default, null));
|
|
159
|
-
}
|
|
160
|
-
extensionItems.forEach(function (item, index) {
|
|
161
|
-
children.push( /*#__PURE__*/_react.default.createElement(ExtensionButton, {
|
|
162
|
-
node: node,
|
|
163
|
-
item: item,
|
|
164
|
-
editorView: editorView,
|
|
165
|
-
applyChangeToContextPanel: applyChangeToContextPanel,
|
|
166
|
-
extensionApi: extensionApi
|
|
167
|
-
}));
|
|
168
|
-
if (index < extensionItems.length - 1) {
|
|
169
|
-
children.push( /*#__PURE__*/_react.default.createElement(_Separator.default, null));
|
|
170
|
-
}
|
|
171
|
-
});
|
|
172
|
-
if (separator && ['end', 'both'].includes(separator)) {
|
|
173
|
-
children.push( /*#__PURE__*/_react.default.createElement(_Separator.default, null));
|
|
174
|
-
}
|
|
175
|
-
return /*#__PURE__*/_react.default.createElement(_buttonGroup.default, {
|
|
176
|
-
children: children
|
|
177
|
-
});
|
|
178
|
-
};
|
|
179
|
-
exports.ExtensionsPlaceholder = ExtensionsPlaceholder;
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.default = void 0;
|
|
9
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
10
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
11
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
12
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
14
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
15
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
16
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
17
|
-
var _react2 = require("@emotion/react");
|
|
18
|
-
var _ui = require("@atlaskit/editor-common/ui");
|
|
19
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
20
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
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); }; }
|
|
22
|
-
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; } } /** @jsx jsx */
|
|
23
|
-
var TextField = /*#__PURE__*/function (_Component) {
|
|
24
|
-
(0, _inherits2.default)(TextField, _Component);
|
|
25
|
-
var _super = _createSuper(TextField);
|
|
26
|
-
function TextField(props) {
|
|
27
|
-
var _this;
|
|
28
|
-
(0, _classCallCheck2.default)(this, TextField);
|
|
29
|
-
_this = _super.call(this, props);
|
|
30
|
-
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleChange", function (e) {
|
|
31
|
-
_this.setState({
|
|
32
|
-
text: e.target.value
|
|
33
|
-
});
|
|
34
|
-
});
|
|
35
|
-
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSubmit", function (e) {
|
|
36
|
-
e.preventDefault();
|
|
37
|
-
if (_this.props.onSubmit) {
|
|
38
|
-
_this.props.onSubmit(_this.state.text);
|
|
39
|
-
}
|
|
40
|
-
});
|
|
41
|
-
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleBlur", function (e) {
|
|
42
|
-
e.preventDefault();
|
|
43
|
-
if (_this.props.onBlur) {
|
|
44
|
-
_this.props.onBlur(_this.state.text);
|
|
45
|
-
}
|
|
46
|
-
});
|
|
47
|
-
_this.state = {
|
|
48
|
-
text: props.defaultValue || ''
|
|
49
|
-
};
|
|
50
|
-
return _this;
|
|
51
|
-
}
|
|
52
|
-
(0, _createClass2.default)(TextField, [{
|
|
53
|
-
key: "UNSAFE_componentWillReceiveProps",
|
|
54
|
-
value: function UNSAFE_componentWillReceiveProps(nextProps) {
|
|
55
|
-
if (this.state.text !== nextProps.defaultValue) {
|
|
56
|
-
this.setState({
|
|
57
|
-
text: nextProps.defaultValue || ''
|
|
58
|
-
});
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
}, {
|
|
62
|
-
key: "render",
|
|
63
|
-
value: function render() {
|
|
64
|
-
var placeholder = this.props.placeholder;
|
|
65
|
-
return (0, _react2.jsx)("form", {
|
|
66
|
-
onSubmit: this.handleSubmit
|
|
67
|
-
}, (0, _react2.jsx)("input", {
|
|
68
|
-
css: _ui.panelTextInput,
|
|
69
|
-
value: this.state.text,
|
|
70
|
-
onChange: this.handleChange,
|
|
71
|
-
placeholder: placeholder,
|
|
72
|
-
onBlur: this.handleBlur
|
|
73
|
-
}));
|
|
74
|
-
}
|
|
75
|
-
}]);
|
|
76
|
-
return TextField;
|
|
77
|
-
}(_react.Component);
|
|
78
|
-
exports.default = TextField;
|
|
@@ -1,152 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.ScrollButtons = void 0;
|
|
9
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
10
|
-
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
11
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
-
var _react2 = require("@emotion/react");
|
|
13
|
-
var _colors = require("@atlaskit/theme/colors");
|
|
14
|
-
var _chevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-left-large"));
|
|
15
|
-
var _chevronRightLarge = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-right-large"));
|
|
16
|
-
var _ui = require("@atlaskit/editor-common/ui");
|
|
17
|
-
var _messages = _interopRequireDefault(require("./messages"));
|
|
18
|
-
var _rafSchd = _interopRequireDefault(require("raf-schd"));
|
|
19
|
-
var _templateObject;
|
|
20
|
-
/** @jsx jsx */
|
|
21
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
22
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
23
|
-
var toolbarScrollButtons = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-gap: ", ";\n padding: ", " ", ";\n border-left: solid ", " 1px;\n flex-shrink: 0;\n align-items: center;\n"])), "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)", "var(--ds-space-100, 8px)", "var(--ds-border, ".concat(_colors.N30, ")"));
|
|
24
|
-
var LeftIcon = _chevronLeftLarge.default;
|
|
25
|
-
var RightIcon = _chevronRightLarge.default;
|
|
26
|
-
var ScrollButtons = function ScrollButtons(_ref) {
|
|
27
|
-
var intl = _ref.intl,
|
|
28
|
-
scrollContainerRef = _ref.scrollContainerRef,
|
|
29
|
-
node = _ref.node,
|
|
30
|
-
disabled = _ref.disabled;
|
|
31
|
-
var buttonsContainerRef = (0, _react.useRef)(null);
|
|
32
|
-
var _useState = (0, _react.useState)(false),
|
|
33
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
34
|
-
needScroll = _useState2[0],
|
|
35
|
-
setNeedScroll = _useState2[1];
|
|
36
|
-
var _useState3 = (0, _react.useState)(true),
|
|
37
|
-
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
38
|
-
canScrollLeft = _useState4[0],
|
|
39
|
-
setCanScrollLeft = _useState4[1];
|
|
40
|
-
var _useState5 = (0, _react.useState)(true),
|
|
41
|
-
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
|
42
|
-
canScrollRight = _useState6[0],
|
|
43
|
-
setCanScrollRight = _useState6[1];
|
|
44
|
-
var setCanScrollDebounced = (0, _rafSchd.default)(function () {
|
|
45
|
-
// Refs are null before mounting and after unmount
|
|
46
|
-
if (!scrollContainerRef.current) {
|
|
47
|
-
return;
|
|
48
|
-
}
|
|
49
|
-
var _scrollContainerRef$c = scrollContainerRef.current,
|
|
50
|
-
scrollLeft = _scrollContainerRef$c.scrollLeft,
|
|
51
|
-
scrollWidth = _scrollContainerRef$c.scrollWidth,
|
|
52
|
-
offsetWidth = _scrollContainerRef$c.offsetWidth;
|
|
53
|
-
setCanScrollLeft(scrollLeft > 0);
|
|
54
|
-
setCanScrollRight(scrollLeft + offsetWidth < scrollWidth - 1); // -1 to account for half pixel
|
|
55
|
-
});
|
|
56
|
-
|
|
57
|
-
var onScroll = function onScroll() {
|
|
58
|
-
return setCanScrollDebounced();
|
|
59
|
-
};
|
|
60
|
-
var scrollLeft = function scrollLeft() {
|
|
61
|
-
var _scrollContainerRef$c2, _scrollContainerRef$c3, _scrollContainerRef$c4;
|
|
62
|
-
var _ref2 = ((_scrollContainerRef$c2 = scrollContainerRef.current) === null || _scrollContainerRef$c2 === void 0 ? void 0 : _scrollContainerRef$c2.getBoundingClientRect()) || {},
|
|
63
|
-
_ref2$width = _ref2.width,
|
|
64
|
-
scrollContainerWidth = _ref2$width === void 0 ? 0 : _ref2$width;
|
|
65
|
-
var scrollLeft = ((_scrollContainerRef$c3 = scrollContainerRef.current) === null || _scrollContainerRef$c3 === void 0 ? void 0 : _scrollContainerRef$c3.scrollLeft) || 0;
|
|
66
|
-
|
|
67
|
-
// scroll to current position - scroll container width
|
|
68
|
-
var scrollTo = scrollLeft - scrollContainerWidth;
|
|
69
|
-
(_scrollContainerRef$c4 = scrollContainerRef.current) === null || _scrollContainerRef$c4 === void 0 ? void 0 : _scrollContainerRef$c4.scrollTo({
|
|
70
|
-
top: 0,
|
|
71
|
-
left: scrollTo,
|
|
72
|
-
behavior: 'smooth'
|
|
73
|
-
});
|
|
74
|
-
};
|
|
75
|
-
var scrollRight = function scrollRight() {
|
|
76
|
-
var _scrollContainerRef$c5, _scrollContainerRef$c6, _scrollContainerRef$c7;
|
|
77
|
-
var _ref3 = ((_scrollContainerRef$c5 = scrollContainerRef.current) === null || _scrollContainerRef$c5 === void 0 ? void 0 : _scrollContainerRef$c5.getBoundingClientRect()) || {},
|
|
78
|
-
_ref3$width = _ref3.width,
|
|
79
|
-
scrollContainerWidth = _ref3$width === void 0 ? 0 : _ref3$width;
|
|
80
|
-
var scrollLeft = ((_scrollContainerRef$c6 = scrollContainerRef.current) === null || _scrollContainerRef$c6 === void 0 ? void 0 : _scrollContainerRef$c6.scrollLeft) || 0;
|
|
81
|
-
|
|
82
|
-
// scroll to current position + scroll container width
|
|
83
|
-
var scrollTo = scrollLeft + scrollContainerWidth;
|
|
84
|
-
(_scrollContainerRef$c7 = scrollContainerRef.current) === null || _scrollContainerRef$c7 === void 0 ? void 0 : _scrollContainerRef$c7.scrollTo({
|
|
85
|
-
top: 0,
|
|
86
|
-
left: scrollTo,
|
|
87
|
-
behavior: 'smooth'
|
|
88
|
-
});
|
|
89
|
-
};
|
|
90
|
-
var resizeObserver = new ResizeObserver(function (t) {
|
|
91
|
-
var _scrollContainerRef$c8, _scrollContainerRef$c9, _scrollContainerRef$c10;
|
|
92
|
-
var widthNeededToShowAllItems = ((_scrollContainerRef$c8 = scrollContainerRef.current) === null || _scrollContainerRef$c8 === void 0 ? void 0 : _scrollContainerRef$c8.scrollWidth) || 0;
|
|
93
|
-
var availableSpace = (_scrollContainerRef$c9 = scrollContainerRef.current) === null || _scrollContainerRef$c9 === void 0 ? void 0 : (_scrollContainerRef$c10 = _scrollContainerRef$c9.parentNode) === null || _scrollContainerRef$c10 === void 0 ? void 0 : _scrollContainerRef$c10.offsetWidth;
|
|
94
|
-
if (availableSpace >= widthNeededToShowAllItems) {
|
|
95
|
-
setNeedScroll(false);
|
|
96
|
-
} else {
|
|
97
|
-
setNeedScroll(true);
|
|
98
|
-
onScroll();
|
|
99
|
-
}
|
|
100
|
-
});
|
|
101
|
-
(0, _react.useEffect)(function () {
|
|
102
|
-
onScroll();
|
|
103
|
-
var scrollContainerRefCurrent = scrollContainerRef.current;
|
|
104
|
-
if (scrollContainerRefCurrent) {
|
|
105
|
-
// enable/disable scroll buttons depending on scroll position
|
|
106
|
-
scrollContainerRefCurrent.addEventListener('scroll', onScroll);
|
|
107
|
-
|
|
108
|
-
// watch for toolbar resize and show/hide scroll buttons if needed
|
|
109
|
-
resizeObserver.observe(scrollContainerRefCurrent);
|
|
110
|
-
}
|
|
111
|
-
return function () {
|
|
112
|
-
if (scrollContainerRefCurrent) {
|
|
113
|
-
scrollContainerRefCurrent.removeEventListener('scroll', onScroll);
|
|
114
|
-
resizeObserver.unobserve(scrollContainerRefCurrent);
|
|
115
|
-
}
|
|
116
|
-
setCanScrollDebounced.cancel();
|
|
117
|
-
};
|
|
118
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
119
|
-
}, []);
|
|
120
|
-
(0, _react.useEffect)(function () {
|
|
121
|
-
var scrollContainerRefCurrent = scrollContainerRef.current;
|
|
122
|
-
if (scrollContainerRefCurrent) {
|
|
123
|
-
var _scrollContainerRefCu;
|
|
124
|
-
// reset scroll position when switching from one node with toolbar to another
|
|
125
|
-
// scroll to made optional as it may not be rendered in testing env
|
|
126
|
-
(_scrollContainerRefCu = scrollContainerRefCurrent.scrollTo) === null || _scrollContainerRefCu === void 0 ? void 0 : _scrollContainerRefCu.call(scrollContainerRefCurrent, {
|
|
127
|
-
left: 0
|
|
128
|
-
});
|
|
129
|
-
}
|
|
130
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
131
|
-
}, [node.type]);
|
|
132
|
-
return needScroll ? (0, _react2.jsx)("div", {
|
|
133
|
-
ref: buttonsContainerRef,
|
|
134
|
-
css: toolbarScrollButtons,
|
|
135
|
-
className: "scroll-buttons"
|
|
136
|
-
}, (0, _react2.jsx)(_ui.FloatingToolbarButton, {
|
|
137
|
-
title: intl.formatMessage(_messages.default.floatingToolbarScrollLeft),
|
|
138
|
-
icon: (0, _react2.jsx)(LeftIcon, {
|
|
139
|
-
label: intl.formatMessage(_messages.default.floatingToolbarScrollLeft)
|
|
140
|
-
}),
|
|
141
|
-
onClick: scrollLeft,
|
|
142
|
-
disabled: !canScrollLeft || disabled
|
|
143
|
-
}), (0, _react2.jsx)(_ui.FloatingToolbarButton, {
|
|
144
|
-
title: intl.formatMessage(_messages.default.floatingToolbarScrollRight),
|
|
145
|
-
icon: (0, _react2.jsx)(RightIcon, {
|
|
146
|
-
label: intl.formatMessage(_messages.default.floatingToolbarScrollRight)
|
|
147
|
-
}),
|
|
148
|
-
onClick: scrollRight,
|
|
149
|
-
disabled: !canScrollRight || disabled
|
|
150
|
-
})) : null;
|
|
151
|
-
};
|
|
152
|
-
exports.ScrollButtons = ScrollButtons;
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.default = Search;
|
|
9
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
10
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
var _select = _interopRequireDefault(require("@atlaskit/select"));
|
|
12
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
14
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
15
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
16
|
-
function Search(props) {
|
|
17
|
-
var selectRef = (0, _react.useRef)(null);
|
|
18
|
-
var _props$width = props.width,
|
|
19
|
-
width = _props$width === void 0 ? 200 : _props$width;
|
|
20
|
-
var style = _react.default.useMemo(function () {
|
|
21
|
-
return {
|
|
22
|
-
container: function container(base) {
|
|
23
|
-
return _objectSpread(_objectSpread({}, base), {}, {
|
|
24
|
-
width: width
|
|
25
|
-
});
|
|
26
|
-
},
|
|
27
|
-
menuPortal: function menuPortal(base) {
|
|
28
|
-
var _selectRef$current, _selectRef$current$se, _selectRef$current$se2, _selectRef$current2, _selectRef$current2$s, _selectRef$current2$s2, _selectRef$current2$s3;
|
|
29
|
-
// ED:16095: We add two possible getter paths for safely reaching into the underlying
|
|
30
|
-
// react-select element. We first try a getter that conforms with react-select v5 APIs,
|
|
31
|
-
// Failing that, we try a getter consistent with react-select v4 APIs. (We
|
|
32
|
-
// handle both as consumers may control the time of the actual dependency version
|
|
33
|
-
// cutover).
|
|
34
|
-
var controlWrapper = (selectRef === null || selectRef === void 0 ? void 0 : (_selectRef$current = selectRef.current) === null || _selectRef$current === void 0 ? void 0 : (_selectRef$current$se = _selectRef$current.select) === null || _selectRef$current$se === void 0 ? void 0 : (_selectRef$current$se2 = _selectRef$current$se.controlRef) === null || _selectRef$current$se2 === void 0 ? void 0 : _selectRef$current$se2.parentNode) || (selectRef === null || selectRef === void 0 ? void 0 : (_selectRef$current2 = selectRef.current) === null || _selectRef$current2 === void 0 ? void 0 : (_selectRef$current2$s = _selectRef$current2.select) === null || _selectRef$current2$s === void 0 ? void 0 : (_selectRef$current2$s2 = _selectRef$current2$s.select) === null || _selectRef$current2$s2 === void 0 ? void 0 : (_selectRef$current2$s3 = _selectRef$current2$s2.controlRef) === null || _selectRef$current2$s3 === void 0 ? void 0 : _selectRef$current2$s3.parentNode);
|
|
35
|
-
var menuPortalStyles = controlWrapper && props.setDisableParentScroll ? {
|
|
36
|
-
// since the portal is now outside, we need to position it as before
|
|
37
|
-
top: controlWrapper.offsetTop,
|
|
38
|
-
left: controlWrapper.offsetLeft,
|
|
39
|
-
height: controlWrapper.offsetHeight,
|
|
40
|
-
width: width
|
|
41
|
-
} : {};
|
|
42
|
-
return _objectSpread(_objectSpread({}, base), menuPortalStyles);
|
|
43
|
-
}
|
|
44
|
-
};
|
|
45
|
-
},
|
|
46
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
47
|
-
[width]);
|
|
48
|
-
var onMenuOpen = function onMenuOpen() {
|
|
49
|
-
if (props.setDisableParentScroll) {
|
|
50
|
-
props.setDisableParentScroll(true);
|
|
51
|
-
}
|
|
52
|
-
};
|
|
53
|
-
var onMenuClose = function onMenuClose() {
|
|
54
|
-
if (props.setDisableParentScroll) {
|
|
55
|
-
props.setDisableParentScroll(false);
|
|
56
|
-
}
|
|
57
|
-
};
|
|
58
|
-
return /*#__PURE__*/_react.default.createElement(_select.default, {
|
|
59
|
-
ref: selectRef,
|
|
60
|
-
options: props.options,
|
|
61
|
-
value: props.defaultValue,
|
|
62
|
-
onChange: props.onChange,
|
|
63
|
-
placeholder: props.placeholder,
|
|
64
|
-
spacing: "compact",
|
|
65
|
-
menuPlacement: "auto",
|
|
66
|
-
filterOption: props.filterOption,
|
|
67
|
-
styles: style,
|
|
68
|
-
menuPortalTarget: props.mountPoint,
|
|
69
|
-
onMenuOpen: onMenuOpen,
|
|
70
|
-
onMenuClose: onMenuClose,
|
|
71
|
-
"aria-label": props.ariaLabel,
|
|
72
|
-
classNamePrefix: props.classNamePrefix
|
|
73
|
-
});
|
|
74
|
-
}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.SimpleModal = void 0;
|
|
9
|
-
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
|
|
11
|
-
var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
|
|
12
|
-
var _messages = _interopRequireDefault(require("./messages"));
|
|
13
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
14
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
15
|
-
var SimpleModal = function SimpleModal(props) {
|
|
16
|
-
var onConfirm = props.onConfirm,
|
|
17
|
-
onClose = props.onClose,
|
|
18
|
-
options = props.options,
|
|
19
|
-
formatMessage = props.intl.formatMessage,
|
|
20
|
-
testId = props.testId;
|
|
21
|
-
var heading = (options === null || options === void 0 ? void 0 : options.title) || formatMessage(_messages.default.confirmModalDefaultHeading);
|
|
22
|
-
var okButtonLabel = (options === null || options === void 0 ? void 0 : options.okButtonLabel) || formatMessage(_messages.default.confirmModalOK);
|
|
23
|
-
var cancelButtonLabel = (options === null || options === void 0 ? void 0 : options.cancelButtonLabel) || formatMessage(_messages.default.confirmModalCancel);
|
|
24
|
-
return /*#__PURE__*/_react.default.createElement(_modalDialog.default, {
|
|
25
|
-
onClose: onClose,
|
|
26
|
-
testId: testId
|
|
27
|
-
}, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTitle, {
|
|
28
|
-
appearance: "warning"
|
|
29
|
-
}, heading)), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement("p", null, options === null || options === void 0 ? void 0 : options.message)), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_standardButton.default, {
|
|
30
|
-
appearance: "default",
|
|
31
|
-
onClick: onClose,
|
|
32
|
-
testId: testId ? "".concat(testId, "-cancel-button") : undefined
|
|
33
|
-
}, cancelButtonLabel), /*#__PURE__*/_react.default.createElement(_standardButton.default, {
|
|
34
|
-
appearance: "warning",
|
|
35
|
-
onClick: function onClick() {
|
|
36
|
-
onConfirm();
|
|
37
|
-
onClose();
|
|
38
|
-
},
|
|
39
|
-
testId: testId ? "".concat(testId, "-confirm-button") : undefined
|
|
40
|
-
}, okButtonLabel)));
|
|
41
|
-
};
|
|
42
|
-
exports.SimpleModal = SimpleModal;
|