@atlaskit/editor-common 96.4.0 → 96.5.0
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 +18 -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/hooks/useSharedPluginState.js +3 -0
- package/dist/cjs/hooks/useSharedPluginStateSelector/index.js +12 -0
- package/dist/cjs/hooks/useSharedPluginStateSelector/useSharedPluginStateSelector.js +114 -0
- 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 +3 -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/hooks/useSharedPluginState.js +3 -0
- package/dist/es2019/hooks/useSharedPluginStateSelector/index.js +2 -0
- package/dist/es2019/hooks/useSharedPluginStateSelector/useSharedPluginStateSelector.js +98 -0
- 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/es2019/utils/profiler/render-count.js +2 -0
- 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/hooks/useSharedPluginState.js +3 -0
- package/dist/esm/hooks/useSharedPluginStateSelector/index.js +2 -0
- package/dist/esm/hooks/useSharedPluginStateSelector/useSharedPluginStateSelector.js +108 -0
- 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 +3 -2
- package/dist/esm/utils/traversor.js +1 -2
- package/dist/esm/with-plugin-state/index.js +28 -35
- package/dist/types/hooks/useSharedPluginState.d.ts +5 -3
- package/dist/types/hooks/useSharedPluginStateSelector/index.d.ts +1 -0
- package/dist/types/hooks/useSharedPluginStateSelector/useSharedPluginStateSelector.d.ts +74 -0
- package/dist/types-ts4.5/hooks/useSharedPluginState.d.ts +5 -3
- package/dist/types-ts4.5/hooks/useSharedPluginStateSelector/index.d.ts +1 -0
- package/dist/types-ts4.5/hooks/useSharedPluginStateSelector/useSharedPluginStateSelector.d.ts +74 -0
- package/package.json +4 -3
- package/use-shared-plugin-state-selector/package.json +15 -0
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
2
2
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
3
|
-
import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
|
|
4
|
-
import _inherits from "@babel/runtime/helpers/inherits";
|
|
5
3
|
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
6
4
|
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
5
|
+
import _inherits from "@babel/runtime/helpers/inherits";
|
|
7
6
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
8
|
-
function
|
|
7
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
9
8
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
10
9
|
import React from 'react';
|
|
11
10
|
import { IntlProvider } from 'react-intl-next';
|
|
@@ -15,21 +14,20 @@ var isMissingIntlProviderInAncestryError = function isMissingIntlProviderInAnces
|
|
|
15
14
|
return err === null || err === void 0 || (_err$toString = err.toString()) === null || _err$toString === void 0 ? void 0 : _err$toString.includes('<IntlProvider> needs to exist in the component ancestry');
|
|
16
15
|
};
|
|
17
16
|
export var IntlErrorBoundary = /*#__PURE__*/function (_React$Component) {
|
|
18
|
-
_inherits(IntlErrorBoundary, _React$Component);
|
|
19
|
-
var _super = _createSuper(IntlErrorBoundary);
|
|
20
17
|
function IntlErrorBoundary() {
|
|
21
18
|
var _this;
|
|
22
19
|
_classCallCheck(this, IntlErrorBoundary);
|
|
23
20
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
24
21
|
args[_key] = arguments[_key];
|
|
25
22
|
}
|
|
26
|
-
_this =
|
|
27
|
-
_defineProperty(
|
|
23
|
+
_this = _callSuper(this, IntlErrorBoundary, [].concat(args));
|
|
24
|
+
_defineProperty(_this, "state", {
|
|
28
25
|
missingIntlProviderInAncestry: false
|
|
29
26
|
});
|
|
30
27
|
return _this;
|
|
31
28
|
}
|
|
32
|
-
|
|
29
|
+
_inherits(IntlErrorBoundary, _React$Component);
|
|
30
|
+
return _createClass(IntlErrorBoundary, [{
|
|
33
31
|
key: "componentDidCatch",
|
|
34
32
|
value: function componentDidCatch(error, errorInfo) {
|
|
35
33
|
// if missing IntlProvider in ancestry, we setup a fallback IntlProvider ourselves
|
|
@@ -53,5 +51,4 @@ export var IntlErrorBoundary = /*#__PURE__*/function (_React$Component) {
|
|
|
53
51
|
return this.props.children;
|
|
54
52
|
}
|
|
55
53
|
}]);
|
|
56
|
-
return IntlErrorBoundary;
|
|
57
54
|
}(React.Component);
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
2
2
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
3
|
-
import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
|
|
4
|
-
import _inherits from "@babel/runtime/helpers/inherits";
|
|
5
3
|
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
6
4
|
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
5
|
+
import _inherits from "@babel/runtime/helpers/inherits";
|
|
7
6
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
8
7
|
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; }
|
|
9
8
|
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) { _defineProperty(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; }
|
|
10
|
-
function
|
|
9
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
11
10
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
12
11
|
import React, { Component } from 'react';
|
|
13
12
|
import Popper from 'popper.js'; // eslint-disable-line import/extensions
|
|
@@ -31,15 +30,13 @@ var defaultState = {
|
|
|
31
30
|
maxHeight: null
|
|
32
31
|
};
|
|
33
32
|
var Layer = /*#__PURE__*/function (_Component) {
|
|
34
|
-
_inherits(Layer, _Component);
|
|
35
|
-
var _super = _createSuper(Layer);
|
|
36
33
|
function Layer(props) {
|
|
37
34
|
var _this;
|
|
38
35
|
_classCallCheck(this, Layer);
|
|
39
|
-
_this =
|
|
40
|
-
_defineProperty(
|
|
41
|
-
_defineProperty(
|
|
42
|
-
_defineProperty(
|
|
36
|
+
_this = _callSuper(this, Layer, [props]);
|
|
37
|
+
_defineProperty(_this, "targetRef", /*#__PURE__*/React.createRef());
|
|
38
|
+
_defineProperty(_this, "contentRef", /*#__PURE__*/React.createRef());
|
|
39
|
+
_defineProperty(_this, "extractStyles", function (state) {
|
|
43
40
|
if (state) {
|
|
44
41
|
var popperHeight = state.offsets.popper.height;
|
|
45
42
|
var left = Math.round(state.offsets.popper.left);
|
|
@@ -58,10 +55,11 @@ var Layer = /*#__PURE__*/function (_Component) {
|
|
|
58
55
|
}
|
|
59
56
|
});
|
|
60
57
|
_this.state = defaultState;
|
|
61
|
-
_this.extractStyles = rafSchedule(_this.extractStyles.bind(
|
|
58
|
+
_this.extractStyles = rafSchedule(_this.extractStyles.bind(_this));
|
|
62
59
|
return _this;
|
|
63
60
|
}
|
|
64
|
-
|
|
61
|
+
_inherits(Layer, _Component);
|
|
62
|
+
return _createClass(Layer, [{
|
|
65
63
|
key: "componentDidMount",
|
|
66
64
|
value: function componentDidMount() {
|
|
67
65
|
this.applyPopper(this.props);
|
|
@@ -196,7 +194,6 @@ var Layer = /*#__PURE__*/function (_Component) {
|
|
|
196
194
|
}, this.props.content));
|
|
197
195
|
}
|
|
198
196
|
}]);
|
|
199
|
-
return Layer;
|
|
200
197
|
}(Component);
|
|
201
198
|
// working with extract-react-types
|
|
202
199
|
_defineProperty(Layer, "defaultProps", {
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
2
2
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
3
|
-
import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
|
|
4
|
-
import _inherits from "@babel/runtime/helpers/inherits";
|
|
5
3
|
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
6
4
|
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
5
|
+
import _inherits from "@babel/runtime/helpers/inherits";
|
|
7
6
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
8
|
-
function
|
|
7
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
9
8
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
10
9
|
/* eslint-disable @repo/internal/react/no-class-components */
|
|
11
10
|
import React, { PureComponent } from 'react';
|
|
@@ -13,13 +12,11 @@ import { fg } from '@atlaskit/platform-feature-flags';
|
|
|
13
12
|
import { ProviderFactory, WithProviders } from '../../provider-factory';
|
|
14
13
|
import { MentionWithProviders, MentionWithProvidersOld } from './mention-with-providers';
|
|
15
14
|
var Mention = /*#__PURE__*/function (_PureComponent) {
|
|
16
|
-
_inherits(Mention, _PureComponent);
|
|
17
|
-
var _super = _createSuper(Mention);
|
|
18
15
|
function Mention(props) {
|
|
19
16
|
var _this;
|
|
20
17
|
_classCallCheck(this, Mention);
|
|
21
|
-
_this =
|
|
22
|
-
_defineProperty(
|
|
18
|
+
_this = _callSuper(this, Mention, [props]);
|
|
19
|
+
_defineProperty(_this, "renderWithProvider", function (providers) {
|
|
23
20
|
var _this$props = _this.props,
|
|
24
21
|
accessLevel = _this$props.accessLevel,
|
|
25
22
|
eventHandlers = _this$props.eventHandlers,
|
|
@@ -52,7 +49,8 @@ var Mention = /*#__PURE__*/function (_PureComponent) {
|
|
|
52
49
|
_this.providerFactory = props.providers || new ProviderFactory();
|
|
53
50
|
return _this;
|
|
54
51
|
}
|
|
55
|
-
|
|
52
|
+
_inherits(Mention, _PureComponent);
|
|
53
|
+
return _createClass(Mention, [{
|
|
56
54
|
key: "componentWillUnmount",
|
|
57
55
|
value: function componentWillUnmount() {
|
|
58
56
|
if (!this.props.providers) {
|
|
@@ -71,6 +69,5 @@ var Mention = /*#__PURE__*/function (_PureComponent) {
|
|
|
71
69
|
});
|
|
72
70
|
}
|
|
73
71
|
}]);
|
|
74
|
-
return Mention;
|
|
75
72
|
}(PureComponent);
|
|
76
73
|
export { Mention as default };
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
3
3
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
4
|
-
import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
|
|
5
|
-
import _inherits from "@babel/runtime/helpers/inherits";
|
|
6
4
|
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
7
5
|
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
6
|
+
import _inherits from "@babel/runtime/helpers/inherits";
|
|
8
7
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
9
8
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
10
|
-
function
|
|
9
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
11
10
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
12
11
|
import React, { PureComponent, useLayoutEffect, useRef, useState } from 'react';
|
|
13
12
|
import { ResourcedMention } from '@atlaskit/mention/element';
|
|
@@ -64,21 +63,20 @@ export var MentionWithProviders = function MentionWithProviders(_ref) {
|
|
|
64
63
|
|
|
65
64
|
// eslint-disable-next-line @repo/internal/react/no-class-components
|
|
66
65
|
export var MentionWithProvidersOld = /*#__PURE__*/function (_PureComponent) {
|
|
67
|
-
_inherits(MentionWithProvidersOld, _PureComponent);
|
|
68
|
-
var _super = _createSuper(MentionWithProvidersOld);
|
|
69
66
|
function MentionWithProvidersOld() {
|
|
70
67
|
var _this;
|
|
71
68
|
_classCallCheck(this, MentionWithProvidersOld);
|
|
72
69
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
73
70
|
args[_key] = arguments[_key];
|
|
74
71
|
}
|
|
75
|
-
_this =
|
|
76
|
-
_defineProperty(
|
|
72
|
+
_this = _callSuper(this, MentionWithProvidersOld, [].concat(args));
|
|
73
|
+
_defineProperty(_this, "state", {
|
|
77
74
|
profilecardProvider: null
|
|
78
75
|
});
|
|
79
76
|
return _this;
|
|
80
77
|
}
|
|
81
|
-
|
|
78
|
+
_inherits(MentionWithProvidersOld, _PureComponent);
|
|
79
|
+
return _createClass(MentionWithProvidersOld, [{
|
|
82
80
|
key: "UNSAFE_componentWillMount",
|
|
83
81
|
value: function UNSAFE_componentWillMount() {
|
|
84
82
|
this.updateProfilecardProvider(this.props);
|
|
@@ -140,5 +138,4 @@ export var MentionWithProvidersOld = /*#__PURE__*/function (_PureComponent) {
|
|
|
140
138
|
}, actionHandlers));
|
|
141
139
|
}
|
|
142
140
|
}]);
|
|
143
|
-
return MentionWithProvidersOld;
|
|
144
141
|
}(PureComponent);
|
|
@@ -23,7 +23,7 @@ var messageStyle = function messageStyle() {
|
|
|
23
23
|
fontSize: "".concat(12 / 14, "em"),
|
|
24
24
|
fontStyle: 'inherit',
|
|
25
25
|
lineHeight: 16 / 12,
|
|
26
|
-
fontWeight:
|
|
26
|
+
fontWeight: "var(--ds-font-weight-regular, 400)",
|
|
27
27
|
color: "var(--ds-text-subtlest, #626F86)",
|
|
28
28
|
marginTop: "var(--ds-space-050, 4px)",
|
|
29
29
|
display: 'flex',
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
3
3
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
4
|
-
import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
|
|
5
|
-
import _inherits from "@babel/runtime/helpers/inherits";
|
|
6
4
|
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
7
5
|
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
6
|
+
import _inherits from "@babel/runtime/helpers/inherits";
|
|
8
7
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
9
|
-
function
|
|
8
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
10
9
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
11
10
|
import React from 'react';
|
|
12
11
|
import { ShadowObserver, shadowObserverClassNames } from './shadowObserver';
|
|
@@ -16,27 +15,25 @@ export var shadowClassNames = {
|
|
|
16
15
|
};
|
|
17
16
|
export default function overflowShadow(Component, options) {
|
|
18
17
|
return /*#__PURE__*/function (_React$Component) {
|
|
19
|
-
_inherits(OverflowShadow, _React$Component);
|
|
20
|
-
var _super = _createSuper(OverflowShadow);
|
|
21
18
|
function OverflowShadow() {
|
|
22
19
|
var _this;
|
|
23
20
|
_classCallCheck(this, OverflowShadow);
|
|
24
21
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
25
22
|
args[_key] = arguments[_key];
|
|
26
23
|
}
|
|
27
|
-
_this =
|
|
28
|
-
_defineProperty(
|
|
29
|
-
_defineProperty(
|
|
24
|
+
_this = _callSuper(this, OverflowShadow, [].concat(args));
|
|
25
|
+
_defineProperty(_this, "overflowContainerWidth", 0);
|
|
26
|
+
_defineProperty(_this, "state", {
|
|
30
27
|
showLeftShadow: false,
|
|
31
28
|
showRightShadow: false
|
|
32
29
|
});
|
|
33
|
-
_defineProperty(
|
|
30
|
+
_defineProperty(_this, "handleScroll", function (event) {
|
|
34
31
|
if (!_this.overflowContainer || event.target !== _this.overflowContainer || options.useShadowObserver) {
|
|
35
32
|
return;
|
|
36
33
|
}
|
|
37
34
|
_this.updateShadows();
|
|
38
35
|
});
|
|
39
|
-
_defineProperty(
|
|
36
|
+
_defineProperty(_this, "updateShadows", function () {
|
|
40
37
|
if (options.useShadowObserver) {
|
|
41
38
|
return;
|
|
42
39
|
}
|
|
@@ -56,17 +53,17 @@ export default function overflowShadow(Component, options) {
|
|
|
56
53
|
return null;
|
|
57
54
|
});
|
|
58
55
|
});
|
|
59
|
-
_defineProperty(
|
|
56
|
+
_defineProperty(_this, "showLeftShadow", function (overflowContainer) {
|
|
60
57
|
return !!overflowContainer && overflowContainer.scrollLeft > 0;
|
|
61
58
|
});
|
|
62
|
-
_defineProperty(
|
|
59
|
+
_defineProperty(_this, "calcOverflowDiff", function () {
|
|
63
60
|
if (!_this.overflowContainer) {
|
|
64
61
|
return 0;
|
|
65
62
|
}
|
|
66
63
|
_this.diff = _this.calcScrollableWidth();
|
|
67
64
|
return _this.diff - _this.overflowContainer.offsetWidth;
|
|
68
65
|
});
|
|
69
|
-
_defineProperty(
|
|
66
|
+
_defineProperty(_this, "calcScrollableWidth", function () {
|
|
70
67
|
if (!_this.scrollable && _this.overflowContainer) {
|
|
71
68
|
return _this.overflowContainer.scrollWidth;
|
|
72
69
|
}
|
|
@@ -80,7 +77,7 @@ export default function overflowShadow(Component, options) {
|
|
|
80
77
|
}
|
|
81
78
|
return width;
|
|
82
79
|
});
|
|
83
|
-
_defineProperty(
|
|
80
|
+
_defineProperty(_this, "handleContainer", function (container) {
|
|
84
81
|
if (!container || _this.container) {
|
|
85
82
|
return;
|
|
86
83
|
}
|
|
@@ -98,7 +95,8 @@ export default function overflowShadow(Component, options) {
|
|
|
98
95
|
});
|
|
99
96
|
return _this;
|
|
100
97
|
}
|
|
101
|
-
|
|
98
|
+
_inherits(OverflowShadow, _React$Component);
|
|
99
|
+
return _createClass(OverflowShadow, [{
|
|
102
100
|
key: "componentWillUnmount",
|
|
103
101
|
value: function componentWillUnmount() {
|
|
104
102
|
if (options.useShadowObserver) {
|
|
@@ -153,6 +151,5 @@ export default function overflowShadow(Component, options) {
|
|
|
153
151
|
}, this.props));
|
|
154
152
|
}
|
|
155
153
|
}]);
|
|
156
|
-
return OverflowShadow;
|
|
157
154
|
}(React.Component);
|
|
158
155
|
}
|
|
@@ -19,13 +19,12 @@ var cancelIdleCallback = function cancelIdleCallback(id) {
|
|
|
19
19
|
};
|
|
20
20
|
export var ShadowObserver = /*#__PURE__*/function () {
|
|
21
21
|
function ShadowObserver(_ref) {
|
|
22
|
-
var
|
|
23
|
-
_this = this;
|
|
22
|
+
var _this = this;
|
|
24
23
|
var scrollContainer = _ref.scrollContainer,
|
|
25
24
|
onUpdateShadows = _ref.onUpdateShadows;
|
|
26
25
|
_classCallCheck(this, ShadowObserver);
|
|
27
26
|
_defineProperty(this, "sentinels", {});
|
|
28
|
-
_defineProperty(this, "shadowStates", (
|
|
27
|
+
_defineProperty(this, "shadowStates", _defineProperty(_defineProperty({}, ShadowKeys.SHOW_LEFT_SHADOW, false), ShadowKeys.SHOW_RIGHT_SHADOW, false));
|
|
29
28
|
_defineProperty(this, "init", function () {
|
|
30
29
|
if (!_this.scrollContainer || _this.intersectionObserver) {
|
|
31
30
|
return;
|
|
@@ -60,7 +59,7 @@ export var ShadowObserver = /*#__PURE__*/function () {
|
|
|
60
59
|
this.onUpdateShadows = onUpdateShadows;
|
|
61
60
|
this.init();
|
|
62
61
|
}
|
|
63
|
-
_createClass(ShadowObserver, [{
|
|
62
|
+
return _createClass(ShadowObserver, [{
|
|
64
63
|
key: "dispose",
|
|
65
64
|
value: function dispose() {
|
|
66
65
|
if (this.intersectionObserver) {
|
|
@@ -70,5 +69,4 @@ export var ShadowObserver = /*#__PURE__*/function () {
|
|
|
70
69
|
}
|
|
71
70
|
}
|
|
72
71
|
}]);
|
|
73
|
-
return ShadowObserver;
|
|
74
72
|
}();
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import _typeof from "@babel/runtime/helpers/typeof";
|
|
2
2
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
3
3
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
4
|
-
import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
|
|
5
|
-
import _inherits from "@babel/runtime/helpers/inherits";
|
|
6
4
|
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
7
5
|
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
6
|
+
import _inherits from "@babel/runtime/helpers/inherits";
|
|
8
7
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
9
|
-
function
|
|
8
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
10
9
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
11
10
|
/**
|
|
12
11
|
* @jsxRuntime classic
|
|
@@ -22,25 +21,23 @@ import { panelTextInput, panelTextInputWithCustomWidth } from './styles';
|
|
|
22
21
|
var KeyZCode = 90;
|
|
23
22
|
var KeyYCode = 89;
|
|
24
23
|
var PanelTextInput = /*#__PURE__*/function (_PureComponent) {
|
|
25
|
-
_inherits(PanelTextInput, _PureComponent);
|
|
26
|
-
var _super = _createSuper(PanelTextInput);
|
|
27
24
|
function PanelTextInput(props) {
|
|
28
25
|
var _this;
|
|
29
26
|
_classCallCheck(this, PanelTextInput);
|
|
30
|
-
_this =
|
|
31
|
-
_defineProperty(
|
|
27
|
+
_this = _callSuper(this, PanelTextInput, [props]);
|
|
28
|
+
_defineProperty(_this, "onMouseDown", function () {
|
|
32
29
|
var onMouseDown = _this.props.onMouseDown;
|
|
33
30
|
if (onMouseDown) {
|
|
34
31
|
onMouseDown();
|
|
35
32
|
}
|
|
36
33
|
});
|
|
37
|
-
_defineProperty(
|
|
34
|
+
_defineProperty(_this, "onBlur", function (e) {
|
|
38
35
|
var onBlur = _this.props.onBlur;
|
|
39
36
|
if (onBlur) {
|
|
40
37
|
onBlur(e);
|
|
41
38
|
}
|
|
42
39
|
});
|
|
43
|
-
_defineProperty(
|
|
40
|
+
_defineProperty(_this, "handleChange", function () {
|
|
44
41
|
var onChange = _this.props.onChange;
|
|
45
42
|
if (_this.input) {
|
|
46
43
|
_this.setState({
|
|
@@ -51,7 +48,7 @@ var PanelTextInput = /*#__PURE__*/function (_PureComponent) {
|
|
|
51
48
|
onChange(_this.input.value);
|
|
52
49
|
}
|
|
53
50
|
});
|
|
54
|
-
_defineProperty(
|
|
51
|
+
_defineProperty(_this, "handleKeydown", function (e) {
|
|
55
52
|
var _this$props = _this.props,
|
|
56
53
|
onUndo = _this$props.onUndo,
|
|
57
54
|
onRedo = _this$props.onRedo,
|
|
@@ -73,7 +70,7 @@ var PanelTextInput = /*#__PURE__*/function (_PureComponent) {
|
|
|
73
70
|
_this.props.onKeyDown(e);
|
|
74
71
|
}
|
|
75
72
|
});
|
|
76
|
-
_defineProperty(
|
|
73
|
+
_defineProperty(_this, "handleRef", function (input) {
|
|
77
74
|
if (input instanceof HTMLInputElement) {
|
|
78
75
|
_this.input = input;
|
|
79
76
|
if (_this.props.autoFocus) {
|
|
@@ -91,7 +88,8 @@ var PanelTextInput = /*#__PURE__*/function (_PureComponent) {
|
|
|
91
88
|
};
|
|
92
89
|
return _this;
|
|
93
90
|
}
|
|
94
|
-
|
|
91
|
+
_inherits(PanelTextInput, _PureComponent);
|
|
92
|
+
return _createClass(PanelTextInput, [{
|
|
95
93
|
key: "componentDidUpdate",
|
|
96
94
|
value: function componentDidUpdate(prevProps) {
|
|
97
95
|
if (prevProps.defaultValue !== this.props.defaultValue) {
|
|
@@ -175,6 +173,5 @@ var PanelTextInput = /*#__PURE__*/function (_PureComponent) {
|
|
|
175
173
|
);
|
|
176
174
|
}
|
|
177
175
|
}]);
|
|
178
|
-
return PanelTextInput;
|
|
179
176
|
}(PureComponent);
|
|
180
177
|
export { PanelTextInput as default };
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
2
2
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
3
|
-
import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
|
|
4
|
-
import _inherits from "@babel/runtime/helpers/inherits";
|
|
5
3
|
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
6
4
|
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
5
|
+
import _inherits from "@babel/runtime/helpers/inherits";
|
|
7
6
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
8
7
|
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; }
|
|
9
8
|
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) { _defineProperty(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; }
|
|
10
|
-
function
|
|
9
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
11
10
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
12
11
|
import React from 'react';
|
|
13
12
|
import createFocusTrap from 'focus-trap';
|
|
@@ -17,8 +16,6 @@ import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
|
|
|
17
16
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
18
17
|
import { calculatePlacement, calculatePosition as _calculatePosition, findOverflowScrollParent, validatePosition } from './utils';
|
|
19
18
|
var Popup = /*#__PURE__*/function (_React$Component) {
|
|
20
|
-
_inherits(Popup, _React$Component);
|
|
21
|
-
var _super = _createSuper(Popup);
|
|
22
19
|
function Popup() {
|
|
23
20
|
var _window;
|
|
24
21
|
var _this;
|
|
@@ -26,32 +23,32 @@ var Popup = /*#__PURE__*/function (_React$Component) {
|
|
|
26
23
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
27
24
|
args[_key] = arguments[_key];
|
|
28
25
|
}
|
|
29
|
-
_this =
|
|
30
|
-
_defineProperty(
|
|
31
|
-
_defineProperty(
|
|
26
|
+
_this = _callSuper(this, Popup, [].concat(args));
|
|
27
|
+
_defineProperty(_this, "rafIds", new Set());
|
|
28
|
+
_defineProperty(_this, "state", {
|
|
32
29
|
validPosition: true
|
|
33
30
|
});
|
|
34
|
-
_defineProperty(
|
|
35
|
-
_defineProperty(
|
|
36
|
-
_defineProperty(
|
|
31
|
+
_defineProperty(_this, "popupRef", /*#__PURE__*/React.createRef());
|
|
32
|
+
_defineProperty(_this, "placement", ['', '']);
|
|
33
|
+
_defineProperty(_this, "handleRef", function (popup) {
|
|
37
34
|
if (!popup) {
|
|
38
35
|
return;
|
|
39
36
|
}
|
|
40
37
|
_this.initPopup(popup);
|
|
41
38
|
});
|
|
42
|
-
_defineProperty(
|
|
39
|
+
_defineProperty(_this, "scheduledUpdatePosition", rafSchedule(function (props) {
|
|
43
40
|
_this.updatePosition(_this.props);
|
|
44
41
|
}));
|
|
45
|
-
_defineProperty(
|
|
42
|
+
_defineProperty(_this, "onResize", function () {
|
|
46
43
|
return _this.scheduledUpdatePosition(_this.props);
|
|
47
44
|
});
|
|
48
|
-
_defineProperty(
|
|
45
|
+
_defineProperty(_this, "resizeObserver", (_window = window) !== null && _window !== void 0 && _window.ResizeObserver ? new ResizeObserver(function () {
|
|
49
46
|
_this.scheduledUpdatePosition(_this.props);
|
|
50
47
|
}) : undefined);
|
|
51
48
|
/**
|
|
52
49
|
* Raf scheduled so that it also occurs after the initial update position
|
|
53
50
|
*/
|
|
54
|
-
_defineProperty(
|
|
51
|
+
_defineProperty(_this, "initFocusTrap", rafSchedule(function () {
|
|
55
52
|
var popup = _this.popupRef.current;
|
|
56
53
|
if (!popup) {
|
|
57
54
|
return;
|
|
@@ -68,7 +65,8 @@ var Popup = /*#__PURE__*/function (_React$Component) {
|
|
|
68
65
|
}));
|
|
69
66
|
return _this;
|
|
70
67
|
}
|
|
71
|
-
|
|
68
|
+
_inherits(Popup, _React$Component);
|
|
69
|
+
return _createClass(Popup, [{
|
|
72
70
|
key: "calculatePosition",
|
|
73
71
|
value:
|
|
74
72
|
/**
|
|
@@ -324,7 +322,6 @@ var Popup = /*#__PURE__*/function (_React$Component) {
|
|
|
324
322
|
return this.renderPopup();
|
|
325
323
|
}
|
|
326
324
|
}]);
|
|
327
|
-
return Popup;
|
|
328
325
|
}(React.Component);
|
|
329
326
|
_defineProperty(Popup, "defaultProps", {
|
|
330
327
|
offset: [0, 0],
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
2
2
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
3
|
-
import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
|
|
4
|
-
import _inherits from "@babel/runtime/helpers/inherits";
|
|
5
3
|
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
6
4
|
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
5
|
+
import _inherits from "@babel/runtime/helpers/inherits";
|
|
7
6
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
8
7
|
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; }
|
|
9
8
|
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) { _defineProperty(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; }
|
|
10
|
-
function
|
|
9
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
11
10
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
12
11
|
import React from 'react';
|
|
13
12
|
import classnames from 'classnames';
|
|
@@ -37,20 +36,18 @@ var getWidthFromSnapPoints = function getWidthFromSnapPoints(width, snapPoints)
|
|
|
37
36
|
return width;
|
|
38
37
|
};
|
|
39
38
|
var Resizer = /*#__PURE__*/function (_React$Component) {
|
|
40
|
-
_inherits(Resizer, _React$Component);
|
|
41
|
-
var _super = _createSuper(Resizer);
|
|
42
39
|
function Resizer() {
|
|
43
40
|
var _this;
|
|
44
41
|
_classCallCheck(this, Resizer);
|
|
45
42
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
46
43
|
args[_key] = arguments[_key];
|
|
47
44
|
}
|
|
48
|
-
_this =
|
|
49
|
-
_defineProperty(
|
|
50
|
-
_defineProperty(
|
|
45
|
+
_this = _callSuper(this, Resizer, [].concat(args));
|
|
46
|
+
_defineProperty(_this, "resizable", /*#__PURE__*/React.createRef());
|
|
47
|
+
_defineProperty(_this, "state", {
|
|
51
48
|
isResizing: false
|
|
52
49
|
});
|
|
53
|
-
_defineProperty(
|
|
50
|
+
_defineProperty(_this, "handleResizeStart", function (event) {
|
|
54
51
|
var _this$props = _this.props,
|
|
55
52
|
_this$props$innerPadd = _this$props.innerPadding,
|
|
56
53
|
innerPadding = _this$props$innerPadd === void 0 ? 0 : _this$props$innerPadd,
|
|
@@ -68,7 +65,7 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
|
|
|
68
65
|
displayGrid === null || displayGrid === void 0 || displayGrid(newHighlights.length > 0, gridTypeForLayout(layout), newHighlights);
|
|
69
66
|
});
|
|
70
67
|
});
|
|
71
|
-
_defineProperty(
|
|
68
|
+
_defineProperty(_this, "handleResize", function (_event, _direction, _elementRef, delta) {
|
|
72
69
|
var _this$props2 = _this.props,
|
|
73
70
|
highlights = _this$props2.highlights,
|
|
74
71
|
calcNewSize = _this$props2.calcNewSize,
|
|
@@ -99,7 +96,7 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
|
|
|
99
96
|
isResizing: true
|
|
100
97
|
});
|
|
101
98
|
});
|
|
102
|
-
_defineProperty(
|
|
99
|
+
_defineProperty(_this, "handleResizeStop", function (_event, _direction, _elementRef, delta) {
|
|
103
100
|
var _this$props3 = _this.props,
|
|
104
101
|
highlights = _this$props3.highlights,
|
|
105
102
|
calcNewSize = _this$props3.calcNewSize,
|
|
@@ -132,7 +129,8 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
|
|
|
132
129
|
});
|
|
133
130
|
return _this;
|
|
134
131
|
}
|
|
135
|
-
|
|
132
|
+
_inherits(Resizer, _React$Component);
|
|
133
|
+
return _createClass(Resizer, [{
|
|
136
134
|
key: "render",
|
|
137
135
|
value: function render() {
|
|
138
136
|
var baseHandleStyles = {};
|
|
@@ -152,11 +150,10 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
|
|
|
152
150
|
handleStyles = _this$props4.handleStyles;
|
|
153
151
|
var isResizing = this.state.isResizing;
|
|
154
152
|
handleSides.forEach(function (side) {
|
|
155
|
-
var _baseHandleStyles$sid;
|
|
156
153
|
handles[side] = "richMedia-resize-handle-".concat(side);
|
|
157
|
-
baseHandleStyles[side] = (
|
|
154
|
+
baseHandleStyles[side] = _defineProperty(_defineProperty(_defineProperty({
|
|
158
155
|
width: '24px'
|
|
159
|
-
},
|
|
156
|
+
}, side, "".concat(-13 - innerPadding, "px")), "zIndex", akRichMediaResizeZIndex), "pointerEvents", 'auto');
|
|
160
157
|
var sideHandleComponent = handleComponentFunc && handleComponentFunc(side);
|
|
161
158
|
if (sideHandleComponent) {
|
|
162
159
|
handleComponent[side] = sideHandleComponent;
|
|
@@ -206,6 +203,5 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
|
|
|
206
203
|
}, children);
|
|
207
204
|
}
|
|
208
205
|
}]);
|
|
209
|
-
return Resizer;
|
|
210
206
|
}(React.Component);
|
|
211
207
|
export { Resizer as default };
|
|
@@ -1,20 +1,19 @@
|
|
|
1
1
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
2
2
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
3
|
-
import _inherits from "@babel/runtime/helpers/inherits";
|
|
4
3
|
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
5
4
|
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
6
|
-
|
|
5
|
+
import _inherits from "@babel/runtime/helpers/inherits";
|
|
6
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
7
7
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
8
8
|
import React from 'react';
|
|
9
9
|
import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
10
10
|
export var WithCreateAnalyticsEvent = withAnalyticsEvents()( /*#__PURE__*/function (_React$Component) {
|
|
11
|
-
_inherits(WithCreateAnalyticsEvent, _React$Component);
|
|
12
|
-
var _super = _createSuper(WithCreateAnalyticsEvent);
|
|
13
11
|
function WithCreateAnalyticsEvent() {
|
|
14
12
|
_classCallCheck(this, WithCreateAnalyticsEvent);
|
|
15
|
-
return
|
|
13
|
+
return _callSuper(this, WithCreateAnalyticsEvent, arguments);
|
|
16
14
|
}
|
|
17
|
-
|
|
15
|
+
_inherits(WithCreateAnalyticsEvent, _React$Component);
|
|
16
|
+
return _createClass(WithCreateAnalyticsEvent, [{
|
|
18
17
|
key: "render",
|
|
19
18
|
value: function render() {
|
|
20
19
|
var _this$props = this.props,
|
|
@@ -23,5 +22,4 @@ export var WithCreateAnalyticsEvent = withAnalyticsEvents()( /*#__PURE__*/functi
|
|
|
23
22
|
return render(createAnalyticsEvent);
|
|
24
23
|
}
|
|
25
24
|
}]);
|
|
26
|
-
return WithCreateAnalyticsEvent;
|
|
27
25
|
}(React.Component));
|