@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
|
@@ -7,13 +7,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.ContextPanelWidthProvider = exports.ContextPanelProvider = exports.ContextPanelConsumer = exports.ContextPanel = 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
|
-
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)); }
|
|
17
16
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
18
17
|
// React context to communicate the active context panel width up and down the tree.
|
|
19
18
|
//
|
|
@@ -37,24 +36,22 @@ var ContextPanel = exports.ContextPanel = /*#__PURE__*/_react.default.createCont
|
|
|
37
36
|
broadcastPosition: function broadcastPosition() {}
|
|
38
37
|
});
|
|
39
38
|
var ContextPanelWidthProvider = exports.ContextPanelWidthProvider = /*#__PURE__*/function (_React$Component) {
|
|
40
|
-
(0, _inherits2.default)(ContextPanelWidthProvider, _React$Component);
|
|
41
|
-
var _super = _createSuper(ContextPanelWidthProvider);
|
|
42
39
|
function ContextPanelWidthProvider(props) {
|
|
43
40
|
var _this;
|
|
44
41
|
(0, _classCallCheck2.default)(this, ContextPanelWidthProvider);
|
|
45
|
-
_this =
|
|
46
|
-
(0, _defineProperty2.default)(
|
|
42
|
+
_this = _callSuper(this, ContextPanelWidthProvider, [props]);
|
|
43
|
+
(0, _defineProperty2.default)(_this, "state", {
|
|
47
44
|
width: 0,
|
|
48
45
|
positionedOverEditor: false
|
|
49
46
|
});
|
|
50
|
-
(0, _defineProperty2.default)(
|
|
47
|
+
(0, _defineProperty2.default)(_this, "broadcastSidebarWidth", function (width) {
|
|
51
48
|
if (width !== _this.state.width) {
|
|
52
49
|
_this.setState({
|
|
53
50
|
width: width
|
|
54
51
|
});
|
|
55
52
|
}
|
|
56
53
|
});
|
|
57
|
-
(0, _defineProperty2.default)(
|
|
54
|
+
(0, _defineProperty2.default)(_this, "broadcastPosition", function (positionedOverEditor) {
|
|
58
55
|
if (positionedOverEditor !== _this.state.positionedOverEditor) {
|
|
59
56
|
_this.setState({
|
|
60
57
|
positionedOverEditor: positionedOverEditor
|
|
@@ -63,7 +60,8 @@ var ContextPanelWidthProvider = exports.ContextPanelWidthProvider = /*#__PURE__*
|
|
|
63
60
|
});
|
|
64
61
|
return _this;
|
|
65
62
|
}
|
|
66
|
-
(0,
|
|
63
|
+
(0, _inherits2.default)(ContextPanelWidthProvider, _React$Component);
|
|
64
|
+
return (0, _createClass2.default)(ContextPanelWidthProvider, [{
|
|
67
65
|
key: "render",
|
|
68
66
|
value: function render() {
|
|
69
67
|
var _this$state = this.state,
|
|
@@ -79,7 +77,6 @@ var ContextPanelWidthProvider = exports.ContextPanelWidthProvider = /*#__PURE__*
|
|
|
79
77
|
}, this.props.children);
|
|
80
78
|
}
|
|
81
79
|
}]);
|
|
82
|
-
return ContextPanelWidthProvider;
|
|
83
80
|
}(_react.default.Component);
|
|
84
81
|
var Provider = exports.ContextPanelProvider = ContextPanel.Provider,
|
|
85
82
|
Consumer = exports.ContextPanelConsumer = ContextPanel.Consumer;
|
|
@@ -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 = require("react");
|
|
16
15
|
var _react2 = require("@emotion/react");
|
|
@@ -18,26 +17,24 @@ var _createAndFireEvents = _interopRequireDefault(require("@atlaskit/analytics-n
|
|
|
18
17
|
var _withAnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsContext"));
|
|
19
18
|
var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
|
|
20
19
|
var _Layer = _interopRequireDefault(require("../Layer"));
|
|
21
|
-
function
|
|
20
|
+
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)); }
|
|
22
21
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
|
|
23
22
|
* @jsxRuntime classic
|
|
24
23
|
* @jsx jsx
|
|
25
24
|
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
26
25
|
var packageName = "@atlaskit/editor-common";
|
|
27
|
-
var packageVersion = "96.4.
|
|
26
|
+
var packageVersion = "96.4.1";
|
|
28
27
|
var halfFocusRing = 1;
|
|
29
28
|
var dropOffset = '0, 8';
|
|
30
29
|
var DropList = /*#__PURE__*/function (_Component) {
|
|
31
|
-
(0, _inherits2.default)(DropList, _Component);
|
|
32
|
-
var _super = _createSuper(DropList);
|
|
33
30
|
function DropList() {
|
|
34
31
|
var _this;
|
|
35
32
|
(0, _classCallCheck2.default)(this, DropList);
|
|
36
33
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
37
34
|
args[_key] = arguments[_key];
|
|
38
35
|
}
|
|
39
|
-
_this =
|
|
40
|
-
(0, _defineProperty2.default)(
|
|
36
|
+
_this = _callSuper(this, DropList, [].concat(args));
|
|
37
|
+
(0, _defineProperty2.default)(_this, "wrapperStyles", (0, _react2.css)({
|
|
41
38
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
42
39
|
display: _this.props.shouldFitContainer ? 'block' : 'inline-flex',
|
|
43
40
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
@@ -45,7 +42,7 @@ var DropList = /*#__PURE__*/function (_Component) {
|
|
|
45
42
|
transitionDuration: '0.2s',
|
|
46
43
|
transition: 'box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38)'
|
|
47
44
|
}));
|
|
48
|
-
(0, _defineProperty2.default)(
|
|
45
|
+
(0, _defineProperty2.default)(_this, "triggerStyles", (0, _react2.css)({
|
|
49
46
|
transitionDuration: '0.2s',
|
|
50
47
|
transition: 'box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38)',
|
|
51
48
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
@@ -54,7 +51,7 @@ var DropList = /*#__PURE__*/function (_Component) {
|
|
|
54
51
|
boxSizing: _this.props.shouldFitContainer ? 'border-box' : undefined
|
|
55
52
|
}));
|
|
56
53
|
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
|
|
57
|
-
(0, _defineProperty2.default)(
|
|
54
|
+
(0, _defineProperty2.default)(_this, "menuWrapper", function () {
|
|
58
55
|
return (0, _react2.css)({
|
|
59
56
|
color: "var(--ds-text, #172B4D)",
|
|
60
57
|
backgroundColor: "var(--ds-surface-overlay, #FFFFFF)",
|
|
@@ -67,7 +64,7 @@ var DropList = /*#__PURE__*/function (_Component) {
|
|
|
67
64
|
});
|
|
68
65
|
});
|
|
69
66
|
/* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
|
|
70
|
-
(0, _defineProperty2.default)(
|
|
67
|
+
(0, _defineProperty2.default)(_this, "componentDidMount", function () {
|
|
71
68
|
_this.setContentWidth();
|
|
72
69
|
// We use a captured event here to avoid a radio or checkbox dropdown item firing its
|
|
73
70
|
// click event first, which would cause a re-render of the element and prevent DropList
|
|
@@ -75,19 +72,19 @@ var DropList = /*#__PURE__*/function (_Component) {
|
|
|
75
72
|
document.addEventListener('click', _this.handleClickOutside, true);
|
|
76
73
|
document.addEventListener('keydown', _this.handleEsc);
|
|
77
74
|
});
|
|
78
|
-
(0, _defineProperty2.default)(
|
|
75
|
+
(0, _defineProperty2.default)(_this, "componentDidUpdate", function () {
|
|
79
76
|
if (_this.props.isOpen) {
|
|
80
77
|
_this.setContentWidth();
|
|
81
78
|
}
|
|
82
79
|
});
|
|
83
|
-
(0, _defineProperty2.default)(
|
|
80
|
+
(0, _defineProperty2.default)(_this, "componentWillUnmount", function () {
|
|
84
81
|
document.removeEventListener('click', _this.handleClickOutside, true);
|
|
85
82
|
document.removeEventListener('keydown', _this.handleEsc);
|
|
86
83
|
});
|
|
87
|
-
(0, _defineProperty2.default)(
|
|
88
|
-
var
|
|
89
|
-
dropContentRef =
|
|
90
|
-
triggerRef =
|
|
84
|
+
(0, _defineProperty2.default)(_this, "setContentWidth", function () {
|
|
85
|
+
var _this2 = _this,
|
|
86
|
+
dropContentRef = _this2.dropContentRef,
|
|
87
|
+
triggerRef = _this2.triggerRef;
|
|
91
88
|
var shouldFitContainer = _this.props.shouldFitContainer;
|
|
92
89
|
|
|
93
90
|
// We need to manually set the content width to match the trigger width
|
|
@@ -95,12 +92,12 @@ var DropList = /*#__PURE__*/function (_Component) {
|
|
|
95
92
|
dropContentRef.style.width = "".concat(triggerRef.offsetWidth - halfFocusRing * 2, "px");
|
|
96
93
|
}
|
|
97
94
|
});
|
|
98
|
-
(0, _defineProperty2.default)(
|
|
95
|
+
(0, _defineProperty2.default)(_this, "handleEsc", function (event) {
|
|
99
96
|
if ((event.key === 'Escape' || event.key === 'Esc') && _this.props.isOpen) {
|
|
100
97
|
_this.close(event);
|
|
101
98
|
}
|
|
102
99
|
});
|
|
103
|
-
(0, _defineProperty2.default)(
|
|
100
|
+
(0, _defineProperty2.default)(_this, "handleClickOutside", function (event) {
|
|
104
101
|
if (_this.props.isOpen) {
|
|
105
102
|
if (event.target instanceof Node) {
|
|
106
103
|
// Rather than check for the target within the entire DropList, we specify the trigger/content.
|
|
@@ -114,7 +111,7 @@ var DropList = /*#__PURE__*/function (_Component) {
|
|
|
114
111
|
}
|
|
115
112
|
}
|
|
116
113
|
});
|
|
117
|
-
(0, _defineProperty2.default)(
|
|
114
|
+
(0, _defineProperty2.default)(_this, "close", function (event) {
|
|
118
115
|
if (_this.props.onOpenChange) {
|
|
119
116
|
_this.props.onOpenChange({
|
|
120
117
|
isOpen: false,
|
|
@@ -122,7 +119,7 @@ var DropList = /*#__PURE__*/function (_Component) {
|
|
|
122
119
|
});
|
|
123
120
|
}
|
|
124
121
|
});
|
|
125
|
-
(0, _defineProperty2.default)(
|
|
122
|
+
(0, _defineProperty2.default)(_this, "handleContentRef", function (ref) {
|
|
126
123
|
_this.dropContentRef = ref;
|
|
127
124
|
|
|
128
125
|
// If the dropdown has just been opened, we focus on the containing element so the
|
|
@@ -132,16 +129,17 @@ var DropList = /*#__PURE__*/function (_Component) {
|
|
|
132
129
|
ref.focus();
|
|
133
130
|
}
|
|
134
131
|
});
|
|
135
|
-
(0, _defineProperty2.default)(
|
|
132
|
+
(0, _defineProperty2.default)(_this, "handleDroplistRef", function (ref) {
|
|
136
133
|
var _this$props$onDroplis, _this$props;
|
|
137
134
|
(_this$props$onDroplis = (_this$props = _this.props).onDroplistRef) === null || _this$props$onDroplis === void 0 || _this$props$onDroplis.call(_this$props, ref);
|
|
138
135
|
});
|
|
139
|
-
(0, _defineProperty2.default)(
|
|
136
|
+
(0, _defineProperty2.default)(_this, "handleTriggerRef", function (ref) {
|
|
140
137
|
_this.triggerRef = ref;
|
|
141
138
|
});
|
|
142
139
|
return _this;
|
|
143
140
|
}
|
|
144
|
-
(0,
|
|
141
|
+
(0, _inherits2.default)(DropList, _Component);
|
|
142
|
+
return (0, _createClass2.default)(DropList, [{
|
|
145
143
|
key: "render",
|
|
146
144
|
value: function render() {
|
|
147
145
|
var _this$props2 = this.props,
|
|
@@ -174,7 +172,6 @@ var DropList = /*#__PURE__*/function (_Component) {
|
|
|
174
172
|
}, trigger)));
|
|
175
173
|
}
|
|
176
174
|
}]);
|
|
177
|
-
return DropList;
|
|
178
175
|
}(_react.Component);
|
|
179
176
|
var createAndFireEventOnAtlaskit = (0, _createAndFireEvents.default)('atlaskit');
|
|
180
177
|
var _default = exports.default = (0, _withAnalyticsContext.default)({
|
|
@@ -7,32 +7,30 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.ErrorBoundary = 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 _analytics = require("../../analytics");
|
|
17
16
|
var _error = require("../../monitoring/error");
|
|
18
|
-
function
|
|
17
|
+
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)); }
|
|
19
18
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
20
19
|
var ErrorBoundary = exports.ErrorBoundary = /*#__PURE__*/function (_React$Component) {
|
|
21
|
-
(0, _inherits2.default)(ErrorBoundary, _React$Component);
|
|
22
|
-
var _super = _createSuper(ErrorBoundary);
|
|
23
20
|
function ErrorBoundary() {
|
|
24
21
|
var _this;
|
|
25
22
|
(0, _classCallCheck2.default)(this, ErrorBoundary);
|
|
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
|
-
(0, _defineProperty2.default)(
|
|
26
|
+
_this = _callSuper(this, ErrorBoundary, [].concat(args));
|
|
27
|
+
(0, _defineProperty2.default)(_this, "state", {
|
|
31
28
|
errorCaptured: false
|
|
32
29
|
});
|
|
33
30
|
return _this;
|
|
34
31
|
}
|
|
35
|
-
(0,
|
|
32
|
+
(0, _inherits2.default)(ErrorBoundary, _React$Component);
|
|
33
|
+
return (0, _createClass2.default)(ErrorBoundary, [{
|
|
36
34
|
key: "hasFallback",
|
|
37
35
|
value: function hasFallback() {
|
|
38
36
|
return typeof this.props.fallbackComponent !== 'undefined';
|
|
@@ -76,5 +74,4 @@ var ErrorBoundary = exports.ErrorBoundary = /*#__PURE__*/function (_React$Compon
|
|
|
76
74
|
return this.props.children;
|
|
77
75
|
}
|
|
78
76
|
}]);
|
|
79
|
-
return ErrorBoundary;
|
|
80
77
|
}(_react.default.Component);
|
|
@@ -62,7 +62,7 @@ var titleInputStyles = function titleInputStyles() {
|
|
|
62
62
|
fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)(14),
|
|
63
63
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
64
64
|
lineHeight: (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? 1 : _editorSharedStyles.akEditorLineHeight,
|
|
65
|
-
fontWeight:
|
|
65
|
+
fontWeight: "var(--ds-font-weight-regular, 400)",
|
|
66
66
|
color: "var(--ds-text-subtlest, #626F86)",
|
|
67
67
|
background: 'transparent',
|
|
68
68
|
display: 'flex',
|
|
@@ -7,14 +7,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.REACT_INTL_ERROR_MESSAGE = exports.IntlErrorBoundary = 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 _reactIntlNext = require("react-intl-next");
|
|
17
|
-
function
|
|
16
|
+
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)); }
|
|
18
17
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
19
18
|
var REACT_INTL_ERROR_MESSAGE = exports.REACT_INTL_ERROR_MESSAGE = '<IntlProvider> needs to exist in the component ancestry';
|
|
20
19
|
var isMissingIntlProviderInAncestryError = function isMissingIntlProviderInAncestryError(err) {
|
|
@@ -22,21 +21,20 @@ var isMissingIntlProviderInAncestryError = function isMissingIntlProviderInAnces
|
|
|
22
21
|
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');
|
|
23
22
|
};
|
|
24
23
|
var IntlErrorBoundary = exports.IntlErrorBoundary = /*#__PURE__*/function (_React$Component) {
|
|
25
|
-
(0, _inherits2.default)(IntlErrorBoundary, _React$Component);
|
|
26
|
-
var _super = _createSuper(IntlErrorBoundary);
|
|
27
24
|
function IntlErrorBoundary() {
|
|
28
25
|
var _this;
|
|
29
26
|
(0, _classCallCheck2.default)(this, IntlErrorBoundary);
|
|
30
27
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
31
28
|
args[_key] = arguments[_key];
|
|
32
29
|
}
|
|
33
|
-
_this =
|
|
34
|
-
(0, _defineProperty2.default)(
|
|
30
|
+
_this = _callSuper(this, IntlErrorBoundary, [].concat(args));
|
|
31
|
+
(0, _defineProperty2.default)(_this, "state", {
|
|
35
32
|
missingIntlProviderInAncestry: false
|
|
36
33
|
});
|
|
37
34
|
return _this;
|
|
38
35
|
}
|
|
39
|
-
(0,
|
|
36
|
+
(0, _inherits2.default)(IntlErrorBoundary, _React$Component);
|
|
37
|
+
return (0, _createClass2.default)(IntlErrorBoundary, [{
|
|
40
38
|
key: "componentDidCatch",
|
|
41
39
|
value: function componentDidCatch(error, errorInfo) {
|
|
42
40
|
// if missing IntlProvider in ancestry, we setup a fallback IntlProvider ourselves
|
|
@@ -60,5 +58,4 @@ var IntlErrorBoundary = exports.IntlErrorBoundary = /*#__PURE__*/function (_Reac
|
|
|
60
58
|
return this.props.children;
|
|
61
59
|
}
|
|
62
60
|
}]);
|
|
63
|
-
return IntlErrorBoundary;
|
|
64
61
|
}(_react.default.Component);
|
|
@@ -8,10 +8,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports.default = void 0;
|
|
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 = _interopRequireWildcard(require("react"));
|
|
17
16
|
var _popper = _interopRequireDefault(require("popper.js"));
|
|
@@ -22,7 +21,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
|
|
|
22
21
|
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; }
|
|
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; })(); } // eslint-disable-line import/extensions
|
|
27
26
|
var defaultState = {
|
|
28
27
|
hasExtractedStyles: false,
|
|
@@ -41,15 +40,13 @@ var defaultState = {
|
|
|
41
40
|
maxHeight: null
|
|
42
41
|
};
|
|
43
42
|
var Layer = exports.default = /*#__PURE__*/function (_Component) {
|
|
44
|
-
(0, _inherits2.default)(Layer, _Component);
|
|
45
|
-
var _super = _createSuper(Layer);
|
|
46
43
|
function Layer(props) {
|
|
47
44
|
var _this;
|
|
48
45
|
(0, _classCallCheck2.default)(this, Layer);
|
|
49
|
-
_this =
|
|
50
|
-
(0, _defineProperty2.default)(
|
|
51
|
-
(0, _defineProperty2.default)(
|
|
52
|
-
(0, _defineProperty2.default)(
|
|
46
|
+
_this = _callSuper(this, Layer, [props]);
|
|
47
|
+
(0, _defineProperty2.default)(_this, "targetRef", /*#__PURE__*/_react.default.createRef());
|
|
48
|
+
(0, _defineProperty2.default)(_this, "contentRef", /*#__PURE__*/_react.default.createRef());
|
|
49
|
+
(0, _defineProperty2.default)(_this, "extractStyles", function (state) {
|
|
53
50
|
if (state) {
|
|
54
51
|
var popperHeight = state.offsets.popper.height;
|
|
55
52
|
var left = Math.round(state.offsets.popper.left);
|
|
@@ -68,10 +65,11 @@ var Layer = exports.default = /*#__PURE__*/function (_Component) {
|
|
|
68
65
|
}
|
|
69
66
|
});
|
|
70
67
|
_this.state = defaultState;
|
|
71
|
-
_this.extractStyles = (0, _rafSchd.default)(_this.extractStyles.bind(
|
|
68
|
+
_this.extractStyles = (0, _rafSchd.default)(_this.extractStyles.bind(_this));
|
|
72
69
|
return _this;
|
|
73
70
|
}
|
|
74
|
-
(0,
|
|
71
|
+
(0, _inherits2.default)(Layer, _Component);
|
|
72
|
+
return (0, _createClass2.default)(Layer, [{
|
|
75
73
|
key: "componentDidMount",
|
|
76
74
|
value: function componentDidMount() {
|
|
77
75
|
this.applyPopper(this.props);
|
|
@@ -206,7 +204,6 @@ var Layer = exports.default = /*#__PURE__*/function (_Component) {
|
|
|
206
204
|
}, this.props.content));
|
|
207
205
|
}
|
|
208
206
|
}]);
|
|
209
|
-
return Layer;
|
|
210
207
|
}(_react.Component);
|
|
211
208
|
// working with extract-react-types
|
|
212
209
|
(0, _defineProperty2.default)(Layer, "defaultProps", {
|
|
@@ -8,10 +8,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports.default = void 0;
|
|
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 = _interopRequireWildcard(require("react"));
|
|
17
16
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
@@ -19,16 +18,14 @@ var _providerFactory = require("../../provider-factory");
|
|
|
19
18
|
var _mentionWithProviders = require("./mention-with-providers");
|
|
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; })(); } /* eslint-disable @repo/internal/react/no-class-components */
|
|
24
23
|
var Mention = exports.default = /*#__PURE__*/function (_PureComponent) {
|
|
25
|
-
(0, _inherits2.default)(Mention, _PureComponent);
|
|
26
|
-
var _super = _createSuper(Mention);
|
|
27
24
|
function Mention(props) {
|
|
28
25
|
var _this;
|
|
29
26
|
(0, _classCallCheck2.default)(this, Mention);
|
|
30
|
-
_this =
|
|
31
|
-
(0, _defineProperty2.default)(
|
|
27
|
+
_this = _callSuper(this, Mention, [props]);
|
|
28
|
+
(0, _defineProperty2.default)(_this, "renderWithProvider", function (providers) {
|
|
32
29
|
var _this$props = _this.props,
|
|
33
30
|
accessLevel = _this$props.accessLevel,
|
|
34
31
|
eventHandlers = _this$props.eventHandlers,
|
|
@@ -61,7 +58,8 @@ var Mention = exports.default = /*#__PURE__*/function (_PureComponent) {
|
|
|
61
58
|
_this.providerFactory = props.providers || new _providerFactory.ProviderFactory();
|
|
62
59
|
return _this;
|
|
63
60
|
}
|
|
64
|
-
(0,
|
|
61
|
+
(0, _inherits2.default)(Mention, _PureComponent);
|
|
62
|
+
return (0, _createClass2.default)(Mention, [{
|
|
65
63
|
key: "componentWillUnmount",
|
|
66
64
|
value: function componentWillUnmount() {
|
|
67
65
|
if (!this.props.providers) {
|
|
@@ -80,5 +78,4 @@ var Mention = exports.default = /*#__PURE__*/function (_PureComponent) {
|
|
|
80
78
|
});
|
|
81
79
|
}
|
|
82
80
|
}]);
|
|
83
|
-
return Mention;
|
|
84
81
|
}(_react.PureComponent);
|
|
@@ -9,10 +9,9 @@ exports.MentionWithProvidersOld = exports.MentionWithProviders = 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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
18
17
|
var _react = _interopRequireWildcard(require("react"));
|
|
@@ -20,7 +19,7 @@ var _element = require("@atlaskit/mention/element");
|
|
|
20
19
|
var _mentionWithProfilecard = _interopRequireDefault(require("./mention-with-profilecard"));
|
|
21
20
|
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); }
|
|
22
21
|
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; }
|
|
23
|
-
function
|
|
22
|
+
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)); }
|
|
24
23
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
25
24
|
var GENERIC_USER_IDS = ['HipChat', 'all', 'here'];
|
|
26
25
|
var noop = function noop() {};
|
|
@@ -74,21 +73,20 @@ var MentionWithProviders = exports.MentionWithProviders = function MentionWithPr
|
|
|
74
73
|
|
|
75
74
|
// eslint-disable-next-line @repo/internal/react/no-class-components
|
|
76
75
|
var MentionWithProvidersOld = exports.MentionWithProvidersOld = /*#__PURE__*/function (_PureComponent) {
|
|
77
|
-
(0, _inherits2.default)(MentionWithProvidersOld, _PureComponent);
|
|
78
|
-
var _super = _createSuper(MentionWithProvidersOld);
|
|
79
76
|
function MentionWithProvidersOld() {
|
|
80
77
|
var _this;
|
|
81
78
|
(0, _classCallCheck2.default)(this, MentionWithProvidersOld);
|
|
82
79
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
83
80
|
args[_key] = arguments[_key];
|
|
84
81
|
}
|
|
85
|
-
_this =
|
|
86
|
-
(0, _defineProperty2.default)(
|
|
82
|
+
_this = _callSuper(this, MentionWithProvidersOld, [].concat(args));
|
|
83
|
+
(0, _defineProperty2.default)(_this, "state", {
|
|
87
84
|
profilecardProvider: null
|
|
88
85
|
});
|
|
89
86
|
return _this;
|
|
90
87
|
}
|
|
91
|
-
(0,
|
|
88
|
+
(0, _inherits2.default)(MentionWithProvidersOld, _PureComponent);
|
|
89
|
+
return (0, _createClass2.default)(MentionWithProvidersOld, [{
|
|
92
90
|
key: "UNSAFE_componentWillMount",
|
|
93
91
|
value: function UNSAFE_componentWillMount() {
|
|
94
92
|
this.updateProfilecardProvider(this.props);
|
|
@@ -150,5 +148,4 @@ var MentionWithProvidersOld = exports.MentionWithProvidersOld = /*#__PURE__*/fun
|
|
|
150
148
|
}, actionHandlers));
|
|
151
149
|
}
|
|
152
150
|
}]);
|
|
153
|
-
return MentionWithProvidersOld;
|
|
154
151
|
}(_react.PureComponent);
|
|
@@ -31,7 +31,7 @@ var messageStyle = function messageStyle() {
|
|
|
31
31
|
fontSize: "".concat(12 / 14, "em"),
|
|
32
32
|
fontStyle: 'inherit',
|
|
33
33
|
lineHeight: 16 / 12,
|
|
34
|
-
fontWeight:
|
|
34
|
+
fontWeight: "var(--ds-font-weight-regular, 400)",
|
|
35
35
|
color: "var(--ds-text-subtlest, #626F86)",
|
|
36
36
|
marginTop: "var(--ds-space-050, 4px)",
|
|
37
37
|
display: 'flex',
|
|
@@ -9,14 +9,13 @@ exports.shadowClassNames = 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 = _interopRequireDefault(require("react"));
|
|
18
17
|
var _shadowObserver = require("./shadowObserver");
|
|
19
|
-
function
|
|
18
|
+
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)); }
|
|
20
19
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
21
20
|
var shadowClassNames = exports.shadowClassNames = {
|
|
22
21
|
RIGHT_SHADOW: 'right-shadow',
|
|
@@ -24,27 +23,25 @@ var shadowClassNames = exports.shadowClassNames = {
|
|
|
24
23
|
};
|
|
25
24
|
function overflowShadow(Component, options) {
|
|
26
25
|
return /*#__PURE__*/function (_React$Component) {
|
|
27
|
-
(0, _inherits2.default)(OverflowShadow, _React$Component);
|
|
28
|
-
var _super = _createSuper(OverflowShadow);
|
|
29
26
|
function OverflowShadow() {
|
|
30
27
|
var _this;
|
|
31
28
|
(0, _classCallCheck2.default)(this, OverflowShadow);
|
|
32
29
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
33
30
|
args[_key] = arguments[_key];
|
|
34
31
|
}
|
|
35
|
-
_this =
|
|
36
|
-
(0, _defineProperty2.default)(
|
|
37
|
-
(0, _defineProperty2.default)(
|
|
32
|
+
_this = _callSuper(this, OverflowShadow, [].concat(args));
|
|
33
|
+
(0, _defineProperty2.default)(_this, "overflowContainerWidth", 0);
|
|
34
|
+
(0, _defineProperty2.default)(_this, "state", {
|
|
38
35
|
showLeftShadow: false,
|
|
39
36
|
showRightShadow: false
|
|
40
37
|
});
|
|
41
|
-
(0, _defineProperty2.default)(
|
|
38
|
+
(0, _defineProperty2.default)(_this, "handleScroll", function (event) {
|
|
42
39
|
if (!_this.overflowContainer || event.target !== _this.overflowContainer || options.useShadowObserver) {
|
|
43
40
|
return;
|
|
44
41
|
}
|
|
45
42
|
_this.updateShadows();
|
|
46
43
|
});
|
|
47
|
-
(0, _defineProperty2.default)(
|
|
44
|
+
(0, _defineProperty2.default)(_this, "updateShadows", function () {
|
|
48
45
|
if (options.useShadowObserver) {
|
|
49
46
|
return;
|
|
50
47
|
}
|
|
@@ -64,17 +61,17 @@ function overflowShadow(Component, options) {
|
|
|
64
61
|
return null;
|
|
65
62
|
});
|
|
66
63
|
});
|
|
67
|
-
(0, _defineProperty2.default)(
|
|
64
|
+
(0, _defineProperty2.default)(_this, "showLeftShadow", function (overflowContainer) {
|
|
68
65
|
return !!overflowContainer && overflowContainer.scrollLeft > 0;
|
|
69
66
|
});
|
|
70
|
-
(0, _defineProperty2.default)(
|
|
67
|
+
(0, _defineProperty2.default)(_this, "calcOverflowDiff", function () {
|
|
71
68
|
if (!_this.overflowContainer) {
|
|
72
69
|
return 0;
|
|
73
70
|
}
|
|
74
71
|
_this.diff = _this.calcScrollableWidth();
|
|
75
72
|
return _this.diff - _this.overflowContainer.offsetWidth;
|
|
76
73
|
});
|
|
77
|
-
(0, _defineProperty2.default)(
|
|
74
|
+
(0, _defineProperty2.default)(_this, "calcScrollableWidth", function () {
|
|
78
75
|
if (!_this.scrollable && _this.overflowContainer) {
|
|
79
76
|
return _this.overflowContainer.scrollWidth;
|
|
80
77
|
}
|
|
@@ -88,7 +85,7 @@ function overflowShadow(Component, options) {
|
|
|
88
85
|
}
|
|
89
86
|
return width;
|
|
90
87
|
});
|
|
91
|
-
(0, _defineProperty2.default)(
|
|
88
|
+
(0, _defineProperty2.default)(_this, "handleContainer", function (container) {
|
|
92
89
|
if (!container || _this.container) {
|
|
93
90
|
return;
|
|
94
91
|
}
|
|
@@ -106,7 +103,8 @@ function overflowShadow(Component, options) {
|
|
|
106
103
|
});
|
|
107
104
|
return _this;
|
|
108
105
|
}
|
|
109
|
-
(0,
|
|
106
|
+
(0, _inherits2.default)(OverflowShadow, _React$Component);
|
|
107
|
+
return (0, _createClass2.default)(OverflowShadow, [{
|
|
110
108
|
key: "componentWillUnmount",
|
|
111
109
|
value: function componentWillUnmount() {
|
|
112
110
|
if (options.useShadowObserver) {
|
|
@@ -161,6 +159,5 @@ function overflowShadow(Component, options) {
|
|
|
161
159
|
}, this.props));
|
|
162
160
|
}
|
|
163
161
|
}]);
|
|
164
|
-
return OverflowShadow;
|
|
165
162
|
}(_react.default.Component);
|
|
166
163
|
}
|