@atlaskit/editor-common 96.4.0 → 96.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +9 -0
- package/dist/cjs/analytics/analytics-queue.js +4 -5
- package/dist/cjs/annotation/index.js +9 -10
- package/dist/cjs/element-browser/ElementBrowser.js +11 -14
- package/dist/cjs/event-dispatcher/index.js +1 -2
- package/dist/cjs/extensibility/Extension/Lozenge/index.js +7 -10
- package/dist/cjs/extensibility/Extension.js +6 -9
- package/dist/cjs/extensibility/ExtensionComponent.js +25 -30
- package/dist/cjs/extensibility/extensionNodeView.js +5 -7
- package/dist/cjs/extensions/default-extension-provider.js +1 -2
- package/dist/cjs/lazy-node-view/lazy-scheduler.js +1 -1
- package/dist/cjs/lazy-node-view/node-view.js +1 -2
- package/dist/cjs/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +39 -45
- package/dist/cjs/link/LinkSearch/LinkSearchList.js +5 -7
- package/dist/cjs/link/LinkSearch/LinkSearchListItem.js +9 -12
- package/dist/cjs/link/LinkSearch/index.js +13 -16
- package/dist/cjs/link/LinkSearch/withActivityProvider.js +6 -9
- package/dist/cjs/media-inline/inline-image-wrapper.js +1 -2
- package/dist/cjs/monitoring/error.js +1 -1
- package/dist/cjs/portal/PortalManager.js +1 -2
- package/dist/cjs/preset/builder.js +2 -4
- package/dist/cjs/preset/editor-commands.js +4 -5
- package/dist/cjs/preset/plugin-injection-api.js +4 -8
- package/dist/cjs/provider-factory/provider-factory.js +1 -2
- package/dist/cjs/provider-factory/with-providers.js +8 -11
- package/dist/cjs/react-node-view/index.js +1 -2
- package/dist/cjs/safe-plugin/index.js +4 -5
- package/dist/cjs/selection/gap-cursor/selection.js +7 -11
- package/dist/cjs/selection-based-node-view/SelectionBasedNodeView.js +10 -13
- package/dist/cjs/styles/shared/media-single.js +21 -20
- package/dist/cjs/styles/shared/paragraph.js +1 -1
- package/dist/cjs/styles/shared/shadow.js +9 -8
- package/dist/cjs/styles/shared/table.js +1 -1
- package/dist/cjs/types/annotation/emitter.js +1 -2
- package/dist/cjs/ui/Caption/index.js +5 -7
- package/dist/cjs/ui/ContextPanel/context.js +8 -11
- package/dist/cjs/ui/DropList/index.js +22 -25
- package/dist/cjs/ui/ErrorBoundary/index.js +6 -9
- package/dist/cjs/ui/Expand/sharedStyles.js +1 -1
- package/dist/cjs/ui/IntlErrorBoundary/index.js +6 -9
- package/dist/cjs/ui/Layer/index.js +9 -12
- package/dist/cjs/ui/Mention/index.js +6 -9
- package/dist/cjs/ui/Mention/mention-with-providers.js +6 -9
- package/dist/cjs/ui/Messages/index.js +1 -1
- package/dist/cjs/ui/OverflowShadow/index.js +13 -16
- package/dist/cjs/ui/OverflowShadow/shadowObserver.js +3 -5
- package/dist/cjs/ui/PanelTextInput/index.js +10 -13
- package/dist/cjs/ui/Popup/index.js +14 -17
- package/dist/cjs/ui/ResizerLegacy/index.js +12 -16
- package/dist/cjs/ui/WithCreateAnalyticsEvent/index.js +5 -7
- package/dist/cjs/ui/with-outer-listeners.js +10 -13
- package/dist/cjs/ui-menu/Dropdown/index.js +9 -12
- package/dist/cjs/ui-menu/DropdownMenu/index.js +11 -14
- package/dist/cjs/ui-react/with-react-editor-view-outer-listeners.js +8 -11
- package/dist/cjs/utils/error-reporter.js +1 -2
- package/dist/cjs/utils/hyperlink.js +2 -4
- package/dist/cjs/utils/imageLoader.js +14 -19
- package/dist/cjs/utils/profiler/render-count.js +1 -2
- package/dist/cjs/utils/traversor.js +1 -2
- package/dist/cjs/with-plugin-state/index.js +28 -35
- package/dist/es2019/analytics/analytics-queue.js +3 -3
- package/dist/es2019/lazy-node-view/lazy-scheduler.js +1 -1
- package/dist/es2019/monitoring/error.js +1 -1
- package/dist/es2019/styles/shared/paragraph.js +1 -1
- package/dist/es2019/styles/shared/table.js +1 -1
- package/dist/es2019/ui/DropList/index.js +1 -1
- package/dist/es2019/ui/Expand/sharedStyles.js +1 -1
- package/dist/es2019/ui/Messages/index.js +1 -1
- package/dist/esm/analytics/analytics-queue.js +4 -5
- package/dist/esm/annotation/index.js +9 -10
- package/dist/esm/element-browser/ElementBrowser.js +11 -14
- package/dist/esm/event-dispatcher/index.js +1 -2
- package/dist/esm/extensibility/Extension/Lozenge/index.js +7 -10
- package/dist/esm/extensibility/Extension.js +6 -9
- package/dist/esm/extensibility/ExtensionComponent.js +25 -30
- package/dist/esm/extensibility/extensionNodeView.js +5 -7
- package/dist/esm/extensions/default-extension-provider.js +1 -2
- package/dist/esm/lazy-node-view/lazy-scheduler.js +1 -1
- package/dist/esm/lazy-node-view/node-view.js +1 -2
- package/dist/esm/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +39 -45
- package/dist/esm/link/LinkSearch/LinkSearchList.js +5 -7
- package/dist/esm/link/LinkSearch/LinkSearchListItem.js +9 -12
- package/dist/esm/link/LinkSearch/index.js +13 -16
- package/dist/esm/link/LinkSearch/withActivityProvider.js +6 -9
- package/dist/esm/media-inline/inline-image-wrapper.js +1 -2
- package/dist/esm/monitoring/error.js +1 -1
- package/dist/esm/portal/PortalManager.js +1 -2
- package/dist/esm/preset/builder.js +2 -4
- package/dist/esm/preset/editor-commands.js +4 -5
- package/dist/esm/preset/plugin-injection-api.js +4 -8
- package/dist/esm/provider-factory/provider-factory.js +1 -2
- package/dist/esm/provider-factory/with-providers.js +8 -11
- package/dist/esm/react-node-view/index.js +1 -2
- package/dist/esm/safe-plugin/index.js +4 -5
- package/dist/esm/selection/gap-cursor/selection.js +7 -11
- package/dist/esm/selection-based-node-view/SelectionBasedNodeView.js +10 -13
- package/dist/esm/styles/shared/media-single.js +19 -20
- package/dist/esm/styles/shared/paragraph.js +1 -1
- package/dist/esm/styles/shared/shadow.js +7 -8
- package/dist/esm/styles/shared/table.js +1 -1
- package/dist/esm/types/annotation/emitter.js +1 -2
- package/dist/esm/ui/Caption/index.js +5 -7
- package/dist/esm/ui/ContextPanel/context.js +8 -11
- package/dist/esm/ui/DropList/index.js +22 -25
- package/dist/esm/ui/ErrorBoundary/index.js +6 -9
- package/dist/esm/ui/Expand/sharedStyles.js +1 -1
- package/dist/esm/ui/IntlErrorBoundary/index.js +6 -9
- package/dist/esm/ui/Layer/index.js +9 -12
- package/dist/esm/ui/Mention/index.js +6 -9
- package/dist/esm/ui/Mention/mention-with-providers.js +6 -9
- package/dist/esm/ui/Messages/index.js +1 -1
- package/dist/esm/ui/OverflowShadow/index.js +13 -16
- package/dist/esm/ui/OverflowShadow/shadowObserver.js +3 -5
- package/dist/esm/ui/PanelTextInput/index.js +10 -13
- package/dist/esm/ui/Popup/index.js +14 -17
- package/dist/esm/ui/ResizerLegacy/index.js +12 -16
- package/dist/esm/ui/WithCreateAnalyticsEvent/index.js +5 -7
- package/dist/esm/ui/with-outer-listeners.js +10 -13
- package/dist/esm/ui-menu/Dropdown/index.js +9 -12
- package/dist/esm/ui-menu/DropdownMenu/index.js +11 -14
- package/dist/esm/ui-react/with-react-editor-view-outer-listeners.js +8 -11
- package/dist/esm/utils/error-reporter.js +1 -2
- package/dist/esm/utils/hyperlink.js +2 -4
- package/dist/esm/utils/imageLoader.js +14 -19
- package/dist/esm/utils/profiler/render-count.js +1 -2
- package/dist/esm/utils/traversor.js +1 -2
- package/dist/esm/with-plugin-state/index.js +28 -35
- package/package.json +3 -3
|
@@ -26,13 +26,12 @@ var cancelIdleCallback = function cancelIdleCallback(id) {
|
|
|
26
26
|
};
|
|
27
27
|
var ShadowObserver = exports.ShadowObserver = /*#__PURE__*/function () {
|
|
28
28
|
function ShadowObserver(_ref) {
|
|
29
|
-
var
|
|
30
|
-
_this = this;
|
|
29
|
+
var _this = this;
|
|
31
30
|
var scrollContainer = _ref.scrollContainer,
|
|
32
31
|
onUpdateShadows = _ref.onUpdateShadows;
|
|
33
32
|
(0, _classCallCheck2.default)(this, ShadowObserver);
|
|
34
33
|
(0, _defineProperty3.default)(this, "sentinels", {});
|
|
35
|
-
(0, _defineProperty3.default)(this, "shadowStates", (
|
|
34
|
+
(0, _defineProperty3.default)(this, "shadowStates", (0, _defineProperty3.default)((0, _defineProperty3.default)({}, ShadowKeys.SHOW_LEFT_SHADOW, false), ShadowKeys.SHOW_RIGHT_SHADOW, false));
|
|
36
35
|
(0, _defineProperty3.default)(this, "init", function () {
|
|
37
36
|
if (!_this.scrollContainer || _this.intersectionObserver) {
|
|
38
37
|
return;
|
|
@@ -67,7 +66,7 @@ var ShadowObserver = exports.ShadowObserver = /*#__PURE__*/function () {
|
|
|
67
66
|
this.onUpdateShadows = onUpdateShadows;
|
|
68
67
|
this.init();
|
|
69
68
|
}
|
|
70
|
-
(0, _createClass2.default)(ShadowObserver, [{
|
|
69
|
+
return (0, _createClass2.default)(ShadowObserver, [{
|
|
71
70
|
key: "dispose",
|
|
72
71
|
value: function dispose() {
|
|
73
72
|
if (this.intersectionObserver) {
|
|
@@ -77,5 +76,4 @@ var ShadowObserver = exports.ShadowObserver = /*#__PURE__*/function () {
|
|
|
77
76
|
}
|
|
78
77
|
}
|
|
79
78
|
}]);
|
|
80
|
-
return ShadowObserver;
|
|
81
79
|
}();
|
|
@@ -8,16 +8,15 @@ exports.default = void 0;
|
|
|
8
8
|
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
9
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
10
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
11
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
14
12
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
13
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
16
15
|
var _react = require("react");
|
|
17
16
|
var _react2 = require("@emotion/react");
|
|
18
17
|
var _utils = require("../../utils");
|
|
19
18
|
var _styles = require("./styles");
|
|
20
|
-
function
|
|
19
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
|
|
21
20
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
|
|
22
21
|
* @jsxRuntime classic
|
|
23
22
|
* @jsx jsx
|
|
@@ -25,25 +24,23 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
25
24
|
var KeyZCode = 90;
|
|
26
25
|
var KeyYCode = 89;
|
|
27
26
|
var PanelTextInput = exports.default = /*#__PURE__*/function (_PureComponent) {
|
|
28
|
-
(0, _inherits2.default)(PanelTextInput, _PureComponent);
|
|
29
|
-
var _super = _createSuper(PanelTextInput);
|
|
30
27
|
function PanelTextInput(props) {
|
|
31
28
|
var _this;
|
|
32
29
|
(0, _classCallCheck2.default)(this, PanelTextInput);
|
|
33
|
-
_this =
|
|
34
|
-
(0, _defineProperty2.default)(
|
|
30
|
+
_this = _callSuper(this, PanelTextInput, [props]);
|
|
31
|
+
(0, _defineProperty2.default)(_this, "onMouseDown", function () {
|
|
35
32
|
var onMouseDown = _this.props.onMouseDown;
|
|
36
33
|
if (onMouseDown) {
|
|
37
34
|
onMouseDown();
|
|
38
35
|
}
|
|
39
36
|
});
|
|
40
|
-
(0, _defineProperty2.default)(
|
|
37
|
+
(0, _defineProperty2.default)(_this, "onBlur", function (e) {
|
|
41
38
|
var onBlur = _this.props.onBlur;
|
|
42
39
|
if (onBlur) {
|
|
43
40
|
onBlur(e);
|
|
44
41
|
}
|
|
45
42
|
});
|
|
46
|
-
(0, _defineProperty2.default)(
|
|
43
|
+
(0, _defineProperty2.default)(_this, "handleChange", function () {
|
|
47
44
|
var onChange = _this.props.onChange;
|
|
48
45
|
if (_this.input) {
|
|
49
46
|
_this.setState({
|
|
@@ -54,7 +51,7 @@ var PanelTextInput = exports.default = /*#__PURE__*/function (_PureComponent) {
|
|
|
54
51
|
onChange(_this.input.value);
|
|
55
52
|
}
|
|
56
53
|
});
|
|
57
|
-
(0, _defineProperty2.default)(
|
|
54
|
+
(0, _defineProperty2.default)(_this, "handleKeydown", function (e) {
|
|
58
55
|
var _this$props = _this.props,
|
|
59
56
|
onUndo = _this$props.onUndo,
|
|
60
57
|
onRedo = _this$props.onRedo,
|
|
@@ -76,7 +73,7 @@ var PanelTextInput = exports.default = /*#__PURE__*/function (_PureComponent) {
|
|
|
76
73
|
_this.props.onKeyDown(e);
|
|
77
74
|
}
|
|
78
75
|
});
|
|
79
|
-
(0, _defineProperty2.default)(
|
|
76
|
+
(0, _defineProperty2.default)(_this, "handleRef", function (input) {
|
|
80
77
|
if (input instanceof HTMLInputElement) {
|
|
81
78
|
_this.input = input;
|
|
82
79
|
if (_this.props.autoFocus) {
|
|
@@ -94,7 +91,8 @@ var PanelTextInput = exports.default = /*#__PURE__*/function (_PureComponent) {
|
|
|
94
91
|
};
|
|
95
92
|
return _this;
|
|
96
93
|
}
|
|
97
|
-
(0,
|
|
94
|
+
(0, _inherits2.default)(PanelTextInput, _PureComponent);
|
|
95
|
+
return (0, _createClass2.default)(PanelTextInput, [{
|
|
98
96
|
key: "componentDidUpdate",
|
|
99
97
|
value: function componentDidUpdate(prevProps) {
|
|
100
98
|
if (prevProps.defaultValue !== this.props.defaultValue) {
|
|
@@ -178,5 +176,4 @@ var PanelTextInput = exports.default = /*#__PURE__*/function (_PureComponent) {
|
|
|
178
176
|
);
|
|
179
177
|
}
|
|
180
178
|
}]);
|
|
181
|
-
return PanelTextInput;
|
|
182
179
|
}(_react.PureComponent);
|
|
@@ -7,10 +7,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
9
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
10
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
11
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
12
10
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
13
11
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
12
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
14
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
14
|
var _react = _interopRequireDefault(require("react"));
|
|
16
15
|
var _focusTrap = _interopRequireDefault(require("focus-trap"));
|
|
@@ -21,11 +20,9 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
|
21
20
|
var _utils = require("./utils");
|
|
22
21
|
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; }
|
|
23
22
|
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; }
|
|
24
|
-
function
|
|
23
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
|
|
25
24
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
26
25
|
var Popup = exports.default = /*#__PURE__*/function (_React$Component) {
|
|
27
|
-
(0, _inherits2.default)(Popup, _React$Component);
|
|
28
|
-
var _super = _createSuper(Popup);
|
|
29
26
|
function Popup() {
|
|
30
27
|
var _window;
|
|
31
28
|
var _this;
|
|
@@ -33,32 +30,32 @@ var Popup = exports.default = /*#__PURE__*/function (_React$Component) {
|
|
|
33
30
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
34
31
|
args[_key] = arguments[_key];
|
|
35
32
|
}
|
|
36
|
-
_this =
|
|
37
|
-
(0, _defineProperty2.default)(
|
|
38
|
-
(0, _defineProperty2.default)(
|
|
33
|
+
_this = _callSuper(this, Popup, [].concat(args));
|
|
34
|
+
(0, _defineProperty2.default)(_this, "rafIds", new Set());
|
|
35
|
+
(0, _defineProperty2.default)(_this, "state", {
|
|
39
36
|
validPosition: true
|
|
40
37
|
});
|
|
41
|
-
(0, _defineProperty2.default)(
|
|
42
|
-
(0, _defineProperty2.default)(
|
|
43
|
-
(0, _defineProperty2.default)(
|
|
38
|
+
(0, _defineProperty2.default)(_this, "popupRef", /*#__PURE__*/_react.default.createRef());
|
|
39
|
+
(0, _defineProperty2.default)(_this, "placement", ['', '']);
|
|
40
|
+
(0, _defineProperty2.default)(_this, "handleRef", function (popup) {
|
|
44
41
|
if (!popup) {
|
|
45
42
|
return;
|
|
46
43
|
}
|
|
47
44
|
_this.initPopup(popup);
|
|
48
45
|
});
|
|
49
|
-
(0, _defineProperty2.default)(
|
|
46
|
+
(0, _defineProperty2.default)(_this, "scheduledUpdatePosition", (0, _rafSchd.default)(function (props) {
|
|
50
47
|
_this.updatePosition(_this.props);
|
|
51
48
|
}));
|
|
52
|
-
(0, _defineProperty2.default)(
|
|
49
|
+
(0, _defineProperty2.default)(_this, "onResize", function () {
|
|
53
50
|
return _this.scheduledUpdatePosition(_this.props);
|
|
54
51
|
});
|
|
55
|
-
(0, _defineProperty2.default)(
|
|
52
|
+
(0, _defineProperty2.default)(_this, "resizeObserver", (_window = window) !== null && _window !== void 0 && _window.ResizeObserver ? new ResizeObserver(function () {
|
|
56
53
|
_this.scheduledUpdatePosition(_this.props);
|
|
57
54
|
}) : undefined);
|
|
58
55
|
/**
|
|
59
56
|
* Raf scheduled so that it also occurs after the initial update position
|
|
60
57
|
*/
|
|
61
|
-
(0, _defineProperty2.default)(
|
|
58
|
+
(0, _defineProperty2.default)(_this, "initFocusTrap", (0, _rafSchd.default)(function () {
|
|
62
59
|
var popup = _this.popupRef.current;
|
|
63
60
|
if (!popup) {
|
|
64
61
|
return;
|
|
@@ -75,7 +72,8 @@ var Popup = exports.default = /*#__PURE__*/function (_React$Component) {
|
|
|
75
72
|
}));
|
|
76
73
|
return _this;
|
|
77
74
|
}
|
|
78
|
-
(0,
|
|
75
|
+
(0, _inherits2.default)(Popup, _React$Component);
|
|
76
|
+
return (0, _createClass2.default)(Popup, [{
|
|
79
77
|
key: "calculatePosition",
|
|
80
78
|
value:
|
|
81
79
|
/**
|
|
@@ -331,7 +329,6 @@ var Popup = exports.default = /*#__PURE__*/function (_React$Component) {
|
|
|
331
329
|
return this.renderPopup();
|
|
332
330
|
}
|
|
333
331
|
}]);
|
|
334
|
-
return Popup;
|
|
335
332
|
}(_react.default.Component);
|
|
336
333
|
(0, _defineProperty2.default)(Popup, "defaultProps", {
|
|
337
334
|
offset: [0, 0],
|
|
@@ -7,10 +7,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
9
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
10
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
11
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
12
10
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
13
11
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
12
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
14
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
14
|
var _react = _interopRequireDefault(require("react"));
|
|
16
15
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
@@ -22,7 +21,7 @@ var _utils = require("../../utils");
|
|
|
22
21
|
var _utils2 = require("./utils");
|
|
23
22
|
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; }
|
|
24
23
|
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; }
|
|
25
|
-
function
|
|
24
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
|
|
26
25
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
27
26
|
var getResizeAnalyticsEvent = function getResizeAnalyticsEvent(type, size, layout) {
|
|
28
27
|
var actionSubject = type === 'embed' ? _analytics.ACTION_SUBJECT.EMBEDS : _analytics.ACTION_SUBJECT.MEDIA_SINGLE;
|
|
@@ -44,20 +43,18 @@ var getWidthFromSnapPoints = function getWidthFromSnapPoints(width, snapPoints)
|
|
|
44
43
|
return width;
|
|
45
44
|
};
|
|
46
45
|
var Resizer = exports.default = /*#__PURE__*/function (_React$Component) {
|
|
47
|
-
(0, _inherits2.default)(Resizer, _React$Component);
|
|
48
|
-
var _super = _createSuper(Resizer);
|
|
49
46
|
function Resizer() {
|
|
50
47
|
var _this;
|
|
51
48
|
(0, _classCallCheck2.default)(this, Resizer);
|
|
52
49
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
53
50
|
args[_key] = arguments[_key];
|
|
54
51
|
}
|
|
55
|
-
_this =
|
|
56
|
-
(0, _defineProperty2.default)(
|
|
57
|
-
(0, _defineProperty2.default)(
|
|
52
|
+
_this = _callSuper(this, Resizer, [].concat(args));
|
|
53
|
+
(0, _defineProperty2.default)(_this, "resizable", /*#__PURE__*/_react.default.createRef());
|
|
54
|
+
(0, _defineProperty2.default)(_this, "state", {
|
|
58
55
|
isResizing: false
|
|
59
56
|
});
|
|
60
|
-
(0, _defineProperty2.default)(
|
|
57
|
+
(0, _defineProperty2.default)(_this, "handleResizeStart", function (event) {
|
|
61
58
|
var _this$props = _this.props,
|
|
62
59
|
_this$props$innerPadd = _this$props.innerPadding,
|
|
63
60
|
innerPadding = _this$props$innerPadd === void 0 ? 0 : _this$props$innerPadd,
|
|
@@ -75,7 +72,7 @@ var Resizer = exports.default = /*#__PURE__*/function (_React$Component) {
|
|
|
75
72
|
displayGrid === null || displayGrid === void 0 || displayGrid(newHighlights.length > 0, (0, _utils.gridTypeForLayout)(layout), newHighlights);
|
|
76
73
|
});
|
|
77
74
|
});
|
|
78
|
-
(0, _defineProperty2.default)(
|
|
75
|
+
(0, _defineProperty2.default)(_this, "handleResize", function (_event, _direction, _elementRef, delta) {
|
|
79
76
|
var _this$props2 = _this.props,
|
|
80
77
|
highlights = _this$props2.highlights,
|
|
81
78
|
calcNewSize = _this$props2.calcNewSize,
|
|
@@ -106,7 +103,7 @@ var Resizer = exports.default = /*#__PURE__*/function (_React$Component) {
|
|
|
106
103
|
isResizing: true
|
|
107
104
|
});
|
|
108
105
|
});
|
|
109
|
-
(0, _defineProperty2.default)(
|
|
106
|
+
(0, _defineProperty2.default)(_this, "handleResizeStop", function (_event, _direction, _elementRef, delta) {
|
|
110
107
|
var _this$props3 = _this.props,
|
|
111
108
|
highlights = _this$props3.highlights,
|
|
112
109
|
calcNewSize = _this$props3.calcNewSize,
|
|
@@ -139,7 +136,8 @@ var Resizer = exports.default = /*#__PURE__*/function (_React$Component) {
|
|
|
139
136
|
});
|
|
140
137
|
return _this;
|
|
141
138
|
}
|
|
142
|
-
(0,
|
|
139
|
+
(0, _inherits2.default)(Resizer, _React$Component);
|
|
140
|
+
return (0, _createClass2.default)(Resizer, [{
|
|
143
141
|
key: "render",
|
|
144
142
|
value: function render() {
|
|
145
143
|
var baseHandleStyles = {};
|
|
@@ -159,11 +157,10 @@ var Resizer = exports.default = /*#__PURE__*/function (_React$Component) {
|
|
|
159
157
|
handleStyles = _this$props4.handleStyles;
|
|
160
158
|
var isResizing = this.state.isResizing;
|
|
161
159
|
_utils2.handleSides.forEach(function (side) {
|
|
162
|
-
var _baseHandleStyles$sid;
|
|
163
160
|
handles[side] = "richMedia-resize-handle-".concat(side);
|
|
164
|
-
baseHandleStyles[side] = (
|
|
161
|
+
baseHandleStyles[side] = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
|
|
165
162
|
width: '24px'
|
|
166
|
-
},
|
|
163
|
+
}, side, "".concat(-13 - innerPadding, "px")), "zIndex", _editorSharedStyles.akRichMediaResizeZIndex), "pointerEvents", 'auto');
|
|
167
164
|
var sideHandleComponent = handleComponentFunc && handleComponentFunc(side);
|
|
168
165
|
if (sideHandleComponent) {
|
|
169
166
|
handleComponent[side] = sideHandleComponent;
|
|
@@ -213,5 +210,4 @@ var Resizer = exports.default = /*#__PURE__*/function (_React$Component) {
|
|
|
213
210
|
}, children);
|
|
214
211
|
}
|
|
215
212
|
}]);
|
|
216
|
-
return Resizer;
|
|
217
213
|
}(_react.default.Component);
|
|
@@ -7,21 +7,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.WithCreateAnalyticsEvent = void 0;
|
|
8
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
9
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
10
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
11
10
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
12
11
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
12
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
13
|
var _react = _interopRequireDefault(require("react"));
|
|
14
14
|
var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
|
|
15
|
-
function
|
|
15
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
|
|
16
16
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
17
17
|
var WithCreateAnalyticsEvent = exports.WithCreateAnalyticsEvent = (0, _withAnalyticsEvents.default)()( /*#__PURE__*/function (_React$Component) {
|
|
18
|
-
(0, _inherits2.default)(WithCreateAnalyticsEvent, _React$Component);
|
|
19
|
-
var _super = _createSuper(WithCreateAnalyticsEvent);
|
|
20
18
|
function WithCreateAnalyticsEvent() {
|
|
21
19
|
(0, _classCallCheck2.default)(this, WithCreateAnalyticsEvent);
|
|
22
|
-
return
|
|
20
|
+
return _callSuper(this, WithCreateAnalyticsEvent, arguments);
|
|
23
21
|
}
|
|
24
|
-
(0,
|
|
22
|
+
(0, _inherits2.default)(WithCreateAnalyticsEvent, _React$Component);
|
|
23
|
+
return (0, _createClass2.default)(WithCreateAnalyticsEvent, [{
|
|
25
24
|
key: "render",
|
|
26
25
|
value: function render() {
|
|
27
26
|
var _this$props = this.props,
|
|
@@ -30,5 +29,4 @@ var WithCreateAnalyticsEvent = exports.WithCreateAnalyticsEvent = (0, _withAnaly
|
|
|
30
29
|
return render(createAnalyticsEvent);
|
|
31
30
|
}
|
|
32
31
|
}]);
|
|
33
|
-
return WithCreateAnalyticsEvent;
|
|
34
32
|
}(_react.default.Component));
|
|
@@ -9,53 +9,51 @@ exports.PlainOutsideClickTargetRefContext = void 0;
|
|
|
9
9
|
exports.default = withOuterListeners;
|
|
10
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
11
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
12
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
13
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
14
12
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
15
13
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
14
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
16
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
17
16
|
var _react = _interopRequireWildcard(require("react"));
|
|
18
17
|
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
19
18
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
20
19
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
21
20
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
22
|
-
function
|
|
21
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
|
|
23
22
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
24
23
|
// Use this context to pass in the reference of the element that should be considered as the outside click target
|
|
25
24
|
// The outside click target is the element that should be clicked outside of to trigger the `handleClickOutside` event
|
|
26
25
|
var PlainOutsideClickTargetRefContext = exports.PlainOutsideClickTargetRefContext = /*#__PURE__*/_react.default.createContext(function () {});
|
|
27
26
|
function withOuterListeners(Component) {
|
|
28
27
|
return /*#__PURE__*/function (_PureComponent) {
|
|
29
|
-
(0, _inherits2.default)(WithOutsideClick, _PureComponent);
|
|
30
|
-
var _super = _createSuper(WithOutsideClick);
|
|
31
28
|
function WithOutsideClick() {
|
|
32
29
|
var _this;
|
|
33
30
|
(0, _classCallCheck2.default)(this, WithOutsideClick);
|
|
34
31
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
35
32
|
args[_key] = arguments[_key];
|
|
36
33
|
}
|
|
37
|
-
_this =
|
|
38
|
-
(0, _defineProperty2.default)(
|
|
39
|
-
(0, _defineProperty2.default)(
|
|
34
|
+
_this = _callSuper(this, WithOutsideClick, [].concat(args));
|
|
35
|
+
(0, _defineProperty2.default)(_this, "outsideClickTargetRef", /*#__PURE__*/_react.default.createRef());
|
|
36
|
+
(0, _defineProperty2.default)(_this, "handleClick", function (evt) {
|
|
40
37
|
var _this$outsideClickTar;
|
|
41
|
-
var domNode = (0, _platformFeatureFlags.fg)('platform_editor_replace_finddomnode_in_common') ? (_this$outsideClickTar = _this.outsideClickTargetRef.current) === null || _this$outsideClickTar === void 0 ? void 0 : _this$outsideClickTar.deref() : _reactDom.default.findDOMNode(
|
|
38
|
+
var domNode = (0, _platformFeatureFlags.fg)('platform_editor_replace_finddomnode_in_common') ? (_this$outsideClickTar = _this.outsideClickTargetRef.current) === null || _this$outsideClickTar === void 0 ? void 0 : _this$outsideClickTar.deref() : _reactDom.default.findDOMNode(_this); // eslint-disable-line react/no-find-dom-node
|
|
42
39
|
|
|
43
40
|
if (!domNode || evt.target instanceof Node && !domNode.contains(evt.target)) {
|
|
44
41
|
var _this$props$handleCli, _this$props;
|
|
45
42
|
(_this$props$handleCli = (_this$props = _this.props).handleClickOutside) === null || _this$props$handleCli === void 0 || _this$props$handleCli.call(_this$props, evt);
|
|
46
43
|
}
|
|
47
44
|
});
|
|
48
|
-
(0, _defineProperty2.default)(
|
|
45
|
+
(0, _defineProperty2.default)(_this, "handleKeydown", function (evt) {
|
|
49
46
|
if (evt.code === 'Escape' && _this.props.handleEscapeKeydown) {
|
|
50
47
|
_this.props.handleEscapeKeydown(evt);
|
|
51
48
|
}
|
|
52
49
|
});
|
|
53
|
-
(0, _defineProperty2.default)(
|
|
50
|
+
(0, _defineProperty2.default)(_this, "setOutsideClickTargetRef", function (el) {
|
|
54
51
|
_this.outsideClickTargetRef.current = el && new WeakRef(el);
|
|
55
52
|
});
|
|
56
53
|
return _this;
|
|
57
54
|
}
|
|
58
|
-
(0,
|
|
55
|
+
(0, _inherits2.default)(WithOutsideClick, _PureComponent);
|
|
56
|
+
return (0, _createClass2.default)(WithOutsideClick, [{
|
|
59
57
|
key: "componentDidMount",
|
|
60
58
|
value: function componentDidMount() {
|
|
61
59
|
if (this.props.handleClickOutside) {
|
|
@@ -83,6 +81,5 @@ function withOuterListeners(Component) {
|
|
|
83
81
|
}, /*#__PURE__*/_react.default.createElement(Component, this.props));
|
|
84
82
|
}
|
|
85
83
|
}]);
|
|
86
|
-
return WithOutsideClick;
|
|
87
84
|
}(_react.PureComponent);
|
|
88
85
|
}
|
|
@@ -9,10 +9,9 @@ exports.default = exports.Dropdown = void 0;
|
|
|
9
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
11
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
12
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
13
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
14
12
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
15
13
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
14
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
16
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
17
16
|
var _react = _interopRequireWildcard(require("react"));
|
|
18
17
|
var _uiReact = require("../../ui-react");
|
|
@@ -21,7 +20,7 @@ var _Popup = _interopRequireDefault(require("../../ui/Popup"));
|
|
|
21
20
|
var _ArrowKeyNavigationProvider = require("../ArrowKeyNavigationProvider");
|
|
22
21
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
23
22
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
24
|
-
function
|
|
23
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
|
|
25
24
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
26
25
|
/**
|
|
27
26
|
* Wrapper around @atlaskit/droplist which uses Popup and Portal to render
|
|
@@ -30,13 +29,11 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
30
29
|
* Also it controls popper's placement.
|
|
31
30
|
*/
|
|
32
31
|
var Dropdown = exports.Dropdown = /*#__PURE__*/function (_PureComponent) {
|
|
33
|
-
(0, _inherits2.default)(Dropdown, _PureComponent);
|
|
34
|
-
var _super = _createSuper(Dropdown);
|
|
35
32
|
function Dropdown(props) {
|
|
36
33
|
var _this;
|
|
37
34
|
(0, _classCallCheck2.default)(this, Dropdown);
|
|
38
|
-
_this =
|
|
39
|
-
(0, _defineProperty2.default)(
|
|
35
|
+
_this = _callSuper(this, Dropdown, [props]);
|
|
36
|
+
(0, _defineProperty2.default)(_this, "handleRef", function (setOutsideClickTargetRef) {
|
|
40
37
|
return function (target) {
|
|
41
38
|
setOutsideClickTargetRef(target);
|
|
42
39
|
_this.setState({
|
|
@@ -44,17 +41,17 @@ var Dropdown = exports.Dropdown = /*#__PURE__*/function (_PureComponent) {
|
|
|
44
41
|
});
|
|
45
42
|
};
|
|
46
43
|
});
|
|
47
|
-
(0, _defineProperty2.default)(
|
|
44
|
+
(0, _defineProperty2.default)(_this, "updatePopupPlacement", function (placement) {
|
|
48
45
|
_this.setState({
|
|
49
46
|
popupPlacement: placement
|
|
50
47
|
});
|
|
51
48
|
});
|
|
52
|
-
(0, _defineProperty2.default)(
|
|
49
|
+
(0, _defineProperty2.default)(_this, "handleCloseAndFocus", function (event) {
|
|
53
50
|
var _this$state$target;
|
|
54
51
|
(_this$state$target = _this.state.target) === null || _this$state$target === void 0 || (_this$state$target = _this$state$target.querySelector('button')) === null || _this$state$target === void 0 || _this$state$target.focus();
|
|
55
52
|
_this.handleClose(event);
|
|
56
53
|
});
|
|
57
|
-
(0, _defineProperty2.default)(
|
|
54
|
+
(0, _defineProperty2.default)(_this, "handleClose", function (event) {
|
|
58
55
|
if (_this.props.onOpenChange) {
|
|
59
56
|
_this.props.onOpenChange({
|
|
60
57
|
isOpen: false,
|
|
@@ -67,7 +64,8 @@ var Dropdown = exports.Dropdown = /*#__PURE__*/function (_PureComponent) {
|
|
|
67
64
|
};
|
|
68
65
|
return _this;
|
|
69
66
|
}
|
|
70
|
-
(0,
|
|
67
|
+
(0, _inherits2.default)(Dropdown, _PureComponent);
|
|
68
|
+
return (0, _createClass2.default)(Dropdown, [{
|
|
71
69
|
key: "renderDropdown",
|
|
72
70
|
value: function renderDropdown() {
|
|
73
71
|
var _this$state = this.state,
|
|
@@ -125,7 +123,6 @@ var Dropdown = exports.Dropdown = /*#__PURE__*/function (_PureComponent) {
|
|
|
125
123
|
});
|
|
126
124
|
}
|
|
127
125
|
}]);
|
|
128
|
-
return Dropdown;
|
|
129
126
|
}(_react.PureComponent);
|
|
130
127
|
var DropdownWithOuterListeners = (0, _uiReact.withReactEditorViewOuterListeners)(Dropdown);
|
|
131
128
|
var _default = exports.default = DropdownWithOuterListeners;
|
|
@@ -12,10 +12,9 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
12
12
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
13
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
14
14
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
16
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
15
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
18
16
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
17
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
18
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
20
19
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
21
20
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
@@ -42,7 +41,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
|
|
|
42
41
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
43
42
|
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; }
|
|
44
43
|
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; }
|
|
45
|
-
function
|
|
44
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
|
|
46
45
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
47
46
|
var wrapper = (0, _react2.css)({
|
|
48
47
|
/* tooltip in ToolbarButton is display:block */
|
|
@@ -82,26 +81,24 @@ var DropListWithOutsideListeners = (0, _uiReact.withReactEditorViewOuterListener
|
|
|
82
81
|
* Also it controls popper's placement.
|
|
83
82
|
*/
|
|
84
83
|
var DropdownMenuWrapper = exports.default = /*#__PURE__*/function (_PureComponent) {
|
|
85
|
-
(0, _inherits2.default)(DropdownMenuWrapper, _PureComponent);
|
|
86
|
-
var _super = _createSuper(DropdownMenuWrapper);
|
|
87
84
|
function DropdownMenuWrapper() {
|
|
88
85
|
var _this;
|
|
89
86
|
(0, _classCallCheck2.default)(this, DropdownMenuWrapper);
|
|
90
87
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
91
88
|
args[_key] = arguments[_key];
|
|
92
89
|
}
|
|
93
|
-
_this =
|
|
94
|
-
(0, _defineProperty2.default)(
|
|
90
|
+
_this = _callSuper(this, DropdownMenuWrapper, [].concat(args));
|
|
91
|
+
(0, _defineProperty2.default)(_this, "state", {
|
|
95
92
|
popupPlacement: ['bottom', 'left'],
|
|
96
93
|
selectionIndex: -1
|
|
97
94
|
});
|
|
98
|
-
(0, _defineProperty2.default)(
|
|
99
|
-
(0, _defineProperty2.default)(
|
|
95
|
+
(0, _defineProperty2.default)(_this, "popupRef", /*#__PURE__*/_react.default.createRef());
|
|
96
|
+
(0, _defineProperty2.default)(_this, "handleRef", function (target) {
|
|
100
97
|
_this.setState({
|
|
101
98
|
target: target || undefined
|
|
102
99
|
});
|
|
103
100
|
});
|
|
104
|
-
(0, _defineProperty2.default)(
|
|
101
|
+
(0, _defineProperty2.default)(_this, "updatePopupPlacement", function (placement) {
|
|
105
102
|
var previousPlacement = _this.state.popupPlacement;
|
|
106
103
|
if (placement[0] !== previousPlacement[0] || placement[1] !== previousPlacement[1]) {
|
|
107
104
|
_this.setState({
|
|
@@ -109,12 +106,12 @@ var DropdownMenuWrapper = exports.default = /*#__PURE__*/function (_PureComponen
|
|
|
109
106
|
});
|
|
110
107
|
}
|
|
111
108
|
});
|
|
112
|
-
(0, _defineProperty2.default)(
|
|
109
|
+
(0, _defineProperty2.default)(_this, "handleCloseAndFocus", function (event) {
|
|
113
110
|
var _this$state$target;
|
|
114
111
|
(_this$state$target = _this.state.target) === null || _this$state$target === void 0 || (_this$state$target = _this$state$target.querySelector('button')) === null || _this$state$target === void 0 || _this$state$target.focus();
|
|
115
112
|
_this.handleClose(event);
|
|
116
113
|
});
|
|
117
|
-
(0, _defineProperty2.default)(
|
|
114
|
+
(0, _defineProperty2.default)(_this, "handleClose", function (event) {
|
|
118
115
|
var onOpenChange = _this.props.onOpenChange;
|
|
119
116
|
if (onOpenChange) {
|
|
120
117
|
onOpenChange({
|
|
@@ -125,7 +122,8 @@ var DropdownMenuWrapper = exports.default = /*#__PURE__*/function (_PureComponen
|
|
|
125
122
|
});
|
|
126
123
|
return _this;
|
|
127
124
|
}
|
|
128
|
-
(0,
|
|
125
|
+
(0, _inherits2.default)(DropdownMenuWrapper, _PureComponent);
|
|
126
|
+
return (0, _createClass2.default)(DropdownMenuWrapper, [{
|
|
129
127
|
key: "renderDropdownMenu",
|
|
130
128
|
value: function renderDropdownMenu() {
|
|
131
129
|
var _this2 = this;
|
|
@@ -255,7 +253,6 @@ var DropdownMenuWrapper = exports.default = /*#__PURE__*/function (_PureComponen
|
|
|
255
253
|
}
|
|
256
254
|
}
|
|
257
255
|
}]);
|
|
258
|
-
return DropdownMenuWrapper;
|
|
259
256
|
}(_react.PureComponent);
|
|
260
257
|
var DropdownMenuItemCustomComponent = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
261
258
|
var children = props.children,
|