@atlaskit/editor-core 98.5.1 → 98.7.1

package/dist/{es2015/plugins/hyperlink/ui/HyperlinkEdit/index.d.ts → es5/plugins/hyperlink/ui/RecentSearch/LinkAddToolbar.d.ts}

@@ -1,12 +1,13 @@
 import * as React from 'react';
+import { ActivityProvider, ActivityItem } from '@atlaskit/activity';
 import { InjectedIntlProps } from 'react-intl';
 export declare const messages: {
-    openLink: {
+    placeholder: {
         id: string;
         defaultMessage: string;
         description: string;
     };
-    unlink: {
+    linkPlaceholder: {
         id: string;
         defaultMessage: string;
         description: string;
@@ -14,19 +15,18 @@ export declare const messages: {
 };
 export interface Props {
     onBlur?: (text: string) => void;
-    onSubmit?: (text: string) => void;
-    onUnlink?: () => void;
-    onOpenLink?: () => void;
-    target: Node;
+    onSubmit?: (href: string, text?: string) => void;
     popupsMountPoint?: HTMLElement;
     popupsBoundariesElement?: HTMLElement;
     autoFocus?: boolean;
-    defaultValue?: string;
-    alwaysOpenLinkAt?: string;
-    placeholder: string;
+    provider: Promise<ActivityProvider>;
 }
 export interface State {
+    provider?: ActivityProvider;
+    items: Array<ActivityItem>;
+    selectedIndex: number;
     text: string;
+    isLoading: boolean;
 }
 declare const _default: React.ComponentClass<Props, any> & {
     WrappedComponent: ReactIntl.ComponentConstructor<Props & InjectedIntlProps>;

package/dist/es5/plugins/hyperlink/ui/RecentSearch/LinkAddToolbar.js

@@ -0,0 +1,212 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var React = require("react");
+var react_1 = require("react");
+var styled_components_1 = require("styled-components");
+var react_intl_1 = require("react-intl");
+var analytics_1 = require("../../../../analytics");
+var PanelTextInput_1 = require("../../../../ui/PanelTextInput");
+var RecentList_1 = require("./RecentList");
+var Container = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  width: 420px;\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n\n  ", ";\n  line-height: 2;\n\n  input {\n    padding: 8px;\n  }\n"], ["\n  width: 420px;\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n\n  ",
+    ";\n  line-height: 2;\n\n  input {\n    padding: 8px;\n  }\n"])), function (_a) {
+    var provider = _a.provider;
+    return styled_components_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n      width: ", "px;\n    "], ["\n      width: ", "px;\n    "])), provider ? '420x' : '360');
+});
+exports.messages = react_intl_1.defineMessages({
+    placeholder: {
+        id: 'fabric.editor.hyperlinkToolbarPlaceholder',
+        defaultMessage: 'Paste link or search recently viewed',
+        description: 'Paste link or search recently viewed',
+    },
+    linkPlaceholder: {
+        id: 'fabric.editor.linkPlaceholder',
+        defaultMessage: 'Paste link',
+        description: 'Create a new link by pasting a URL.',
+    },
+});
+var RecentSearch = /** @class */ (function (_super) {
+    tslib_1.__extends(RecentSearch, _super);
+    function RecentSearch() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            selectedIndex: -1,
+            isLoading: false,
+            text: '',
+            items: [],
+        };
+        _this.updateInput = function (input) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var _a, _b, _c, _d, _e, _f;
+            return tslib_1.__generator(this, function (_g) {
+                switch (_g.label) {
+                    case 0:
+                        this.setState({ text: input });
+                        if (!this.state.provider) return [3 /*break*/, 4];
+                        if (!(input.length === 0)) return [3 /*break*/, 2];
+                        _a = this.setState;
+                        _b = {};
+                        _c = limit;
+                        return [4 /*yield*/, this.state.provider.getRecentItems()];
+                    case 1:
+                        _a.apply(this, [(_b.items = _c.apply(void 0, [_g.sent()]),
+                                _b.selectedIndex = -1,
+                                _b)]);
+                        return [3 /*break*/, 4];
+                    case 2:
+                        _d = this.setState;
+                        _e = {};
+                        _f = limit;
+                        return [4 /*yield*/, this.state.provider.searchRecent(input)];
+                    case 3:
+                        _d.apply(this, [(_e.items = _f.apply(void 0, [_g.sent()]),
+                                _e.selectedIndex = 0,
+                                _e)]);
+                        _g.label = 4;
+                    case 4: return [2 /*return*/];
+                }
+            });
+        }); };
+        _this.handleSelected = function (href, text) {
+            if (_this.props.onSubmit) {
+                _this.props.onSubmit(href, text);
+                _this.trackAutoCompleteAnalyticsEvent('atlassian.editor.format.hyperlink.autocomplete.click');
+            }
+        };
+        _this.handleMouseMove = function (objectId) {
+            var items = _this.state.items;
+            if (items) {
+                var index = findIndex(items, function (item) { return item.objectId === objectId; });
+                _this.setState({
+                    selectedIndex: index,
+                });
+            }
+        };
+        _this.handleSubmit = function () {
+            var _a = _this.state, items = _a.items, text = _a.text, selectedIndex = _a.selectedIndex;
+            // add the link selected in the dropdown if there is one, otherwise submit the value of the input field
+            if (items && items.length > 0 && selectedIndex > -1) {
+                var item = items[selectedIndex];
+                if (_this.props.onSubmit) {
+                    _this.props.onSubmit(item.url, item.name);
+                    _this.trackAutoCompleteAnalyticsEvent('atlassian.editor.format.hyperlink.autocomplete.keyboard');
+                }
+            }
+            else if (text && text.length > 0) {
+                if (_this.props.onSubmit) {
+                    _this.props.onSubmit(text);
+                    _this.trackAutoCompleteAnalyticsEvent('atlassian.editor.format.hyperlink.autocomplete.notselected');
+                }
+            }
+        };
+        _this.handleKeyDown = function (e) {
+            var _a = _this.state, items = _a.items, selectedIndex = _a.selectedIndex;
+            if (!items || !items.length) {
+                return;
+            }
+            if (e.keyCode === 40) {
+                // down
+                e.preventDefault();
+                _this.setState({
+                    selectedIndex: (selectedIndex + 1) % items.length,
+                });
+            }
+            else if (e.keyCode === 38) {
+                // up
+                e.preventDefault();
+                _this.setState({
+                    selectedIndex: selectedIndex > 0 ? selectedIndex - 1 : items.length - 1,
+                });
+            }
+        };
+        _this.handleBlur = function () {
+            if (_this.props.onBlur) {
+                _this.props.onBlur(_this.state.text);
+            }
+        };
+        return _this;
+    }
+    RecentSearch.prototype.resolveProvider = function () {
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            var provider;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.props.provider];
+                    case 1:
+                        provider = _a.sent();
+                        this.setState({ provider: provider });
+                        return [2 /*return*/, provider];
+                }
+            });
+        });
+    };
+    RecentSearch.prototype.componentDidMount = function () {
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            var activityProvider;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!this.props.provider) return [3 /*break*/, 2];
+                        return [4 /*yield*/, this.resolveProvider()];
+                    case 1:
+                        activityProvider = _a.sent();
+                        this.loadRecentItems(activityProvider);
+                        _a.label = 2;
+                    case 2: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    RecentSearch.prototype.loadRecentItems = function (activityProvider) {
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            var _a, _b, _c;
+            return tslib_1.__generator(this, function (_d) {
+                switch (_d.label) {
+                    case 0:
+                        _d.trys.push([0, , 2, 3]);
+                        this.setState({ isLoading: true });
+                        _a = this.setState;
+                        _b = {};
+                        _c = limit;
+                        return [4 /*yield*/, activityProvider.getRecentItems()];
+                    case 1:
+                        _a.apply(this, [(_b.items = _c.apply(void 0, [_d.sent()]), _b)]);
+                        return [3 /*break*/, 3];
+                    case 2:
+                        this.setState({ isLoading: false });
+                        return [7 /*endfinally*/];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    RecentSearch.prototype.render = function () {
+        var _a = this.state, items = _a.items, isLoading = _a.isLoading, selectedIndex = _a.selectedIndex;
+        var _b = this.props, formatMessage = _b.intl.formatMessage, provider = _b.provider;
+        var placeholder = formatMessage(provider ? exports.messages.placeholder : exports.messages.linkPlaceholder);
+        return (React.createElement(Container, { provider: !!provider },
+            React.createElement(PanelTextInput_1.default, { placeholder: placeholder, autoFocus: true, onSubmit: this.handleSubmit, onChange: this.updateInput, onBlur: this.handleBlur, onCancel: this.handleBlur, onKeyDown: this.handleKeyDown }),
+            React.createElement(RecentList_1.default, { items: items, isLoading: isLoading, selectedIndex: selectedIndex, onSelect: this.handleSelected, onMouseMove: this.handleMouseMove })));
+    };
+    RecentSearch.prototype.trackAutoCompleteAnalyticsEvent = function (name) {
+        var numChars = this.state.text ? this.state.text.length : 0;
+        analytics_1.analyticsService.trackEvent(name, { numChars: numChars });
+    };
+    return RecentSearch;
+}(react_1.PureComponent));
+var findIndex = function (array, predicate) {
+    var index = -1;
+    array.some(function (item, i) {
+        if (predicate(item)) {
+            index = i;
+            return true;
+        }
+        return false;
+    });
+    return index;
+};
+var limit = function (items) {
+    return items.slice(0, 5);
+};
+exports.default = react_intl_1.injectIntl(RecentSearch);
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=LinkAddToolbar.js.map

package/dist/es5/plugins/hyperlink/ui/RecentSearch/LinkAddToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkAddToolbar.js","sourceRoot":"","sources":["../../../../../../src/plugins/hyperlink/ui/RecentSearch/LinkAddToolbar.tsx"],"names":[],"mappings":"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"}

package/dist/es5/plugins/hyperlink/ui/RecentSearch/index.d.ts

@@ -1,33 +1,10 @@
-import { PureComponent } from 'react';
-import { ActivityProvider, ActivityItem } from '@atlaskit/activity';
+import * as React from 'react';
+import { ProviderFactory } from '@atlaskit/editor-common';
 export interface Props {
+    providerFactory: ProviderFactory;
     onBlur?: (text: string) => void;
     onSubmit?: (href: string, text?: string) => void;
-    target: Node;
-    popupsMountPoint?: HTMLElement;
-    popupsBoundariesElement?: HTMLElement;
-    autoFocus?: boolean;
-    placeholder: string;
-    activityProvider: Promise<ActivityProvider>;
 }
-export interface State {
-    activityProvider?: ActivityProvider;
-    items: Array<ActivityItem>;
-    selectedIndex: number;
-    text: string;
-    isLoading: boolean;
-}
-export default class RecentSearch extends PureComponent<Props, State> {
-    state: State;
-    resolveProvider(): Promise<ActivityProvider>;
-    componentDidMount(): Promise<void>;
-    private loadRecentItems;
-    private updateInput;
+export default class HyperlinkAddToolbar extends React.PureComponent<Props, {}> {
     render(): JSX.Element;
-    private handleSelected;
-    private handleMouseMove;
-    private handleSubmit;
-    private handleKeyDown;
-    private handleBlur;
-    private trackAutoCompleteAnalyticsEvent;
 }

package/dist/es5/plugins/hyperlink/ui/RecentSearch/index.js

@@ -2,193 +2,21 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var React = require("react");
-var react_1 = require("react");
-var styled_components_1 = require("styled-components");
-var analytics_1 = require("../../../../analytics");
-var PanelTextInput_1 = require("../../../../ui/PanelTextInput");
-var RecentList_1 = require("./RecentList");
-var styles_1 = require("../styles");
-var FloatingToolbar_1 = require("../../../../ui/FloatingToolbar");
-var Container = styled_components_1.default.span(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  width: 420px;\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n"], ["\n  width: 420px;\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n"])));
-var RecentSearch = /** @class */ (function (_super) {
-    tslib_1.__extends(RecentSearch, _super);
-    function RecentSearch() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = {
-            selectedIndex: -1,
-            isLoading: false,
-            text: '',
-            items: [],
-        };
-        _this.updateInput = function (input) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
-            var _a, _b, _c, _d, _e, _f;
-            return tslib_1.__generator(this, function (_g) {
-                switch (_g.label) {
-                    case 0:
-                        this.setState({ text: input });
-                        if (!this.state.activityProvider) return [3 /*break*/, 4];
-                        if (!(input.length === 0)) return [3 /*break*/, 2];
-                        _a = this.setState;
-                        _b = {};
-                        _c = limit;
-                        return [4 /*yield*/, this.state.activityProvider.getRecentItems()];
-                    case 1:
-                        _a.apply(this, [(_b.items = _c.apply(void 0, [_g.sent()]),
-                                _b.selectedIndex = -1,
-                                _b)]);
-                        return [3 /*break*/, 4];
-                    case 2:
-                        _d = this.setState;
-                        _e = {};
-                        _f = limit;
-                        return [4 /*yield*/, this.state.activityProvider.searchRecent(input)];
-                    case 3:
-                        _d.apply(this, [(_e.items = _f.apply(void 0, [_g.sent()]),
-                                _e.selectedIndex = 0,
-                                _e)]);
-                        _g.label = 4;
-                    case 4: return [2 /*return*/];
-                }
-            });
-        }); };
-        _this.handleSelected = function (href, text) {
-            if (_this.props.onSubmit) {
-                _this.props.onSubmit(href, text);
-                _this.trackAutoCompleteAnalyticsEvent('atlassian.editor.format.hyperlink.autocomplete.click');
-            }
-        };
-        _this.handleMouseMove = function (objectId) {
-            var items = _this.state.items;
-            if (items) {
-                var index = findIndex(items, function (item) { return item.objectId === objectId; });
-                _this.setState({
-                    selectedIndex: index,
-                });
-            }
-        };
-        _this.handleSubmit = function () {
-            var _a = _this.state, items = _a.items, text = _a.text, selectedIndex = _a.selectedIndex;
-            // add the link selected in the dropdown if there is one, otherwise submit the value of the input field
-            if (items && items.length > 0 && selectedIndex > -1) {
-                var item = items[selectedIndex];
-                if (_this.props.onSubmit) {
-                    _this.props.onSubmit(item.url, item.name);
-                    _this.trackAutoCompleteAnalyticsEvent('atlassian.editor.format.hyperlink.autocomplete.keyboard');
-                }
-            }
-            else if (text && text.length > 0) {
-                if (_this.props.onSubmit) {
-                    _this.props.onSubmit(text);
-                    _this.trackAutoCompleteAnalyticsEvent('atlassian.editor.format.hyperlink.autocomplete.notselected');
-                }
-            }
-        };
-        _this.handleKeyDown = function (e) {
-            var _a = _this.state, items = _a.items, selectedIndex = _a.selectedIndex;
-            if (!items || !items.length) {
-                return;
-            }
-            if (e.keyCode === 40) {
-                // down
-                e.preventDefault();
-                _this.setState({
-                    selectedIndex: (selectedIndex + 1) % items.length,
-                });
-            }
-            else if (e.keyCode === 38) {
-                // up
-                e.preventDefault();
-                _this.setState({
-                    selectedIndex: selectedIndex > 0 ? selectedIndex - 1 : items.length - 1,
-                });
-            }
-        };
-        _this.handleBlur = function () {
-            if (_this.props.onBlur) {
-                _this.props.onBlur(_this.state.text);
-            }
-        };
-        return _this;
+var LinkAddToolbar_1 = require("./LinkAddToolbar");
+var editor_common_1 = require("@atlaskit/editor-common");
+var HyperlinkAddToolbar = /** @class */ (function (_super) {
+    tslib_1.__extends(HyperlinkAddToolbar, _super);
+    function HyperlinkAddToolbar() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
-    RecentSearch.prototype.resolveProvider = function () {
-        return tslib_1.__awaiter(this, void 0, void 0, function () {
-            var activityProvider;
-            return tslib_1.__generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, this.props.activityProvider];
-                    case 1:
-                        activityProvider = _a.sent();
-                        this.setState({ activityProvider: activityProvider });
-                        return [2 /*return*/, activityProvider];
-                }
-            });
-        });
+    HyperlinkAddToolbar.prototype.render = function () {
+        var _a = this.props, onSubmit = _a.onSubmit, onBlur = _a.onBlur;
+        return (React.createElement(editor_common_1.WithProviders, { providers: ['activityProvider'], providerFactory: this.props.providerFactory, renderNode: function (_a) {
+                var activityProvider = _a.activityProvider;
+                return (React.createElement(LinkAddToolbar_1.default, { provider: activityProvider, onSubmit: onSubmit, onBlur: onBlur }));
+            } }));
     };
-    RecentSearch.prototype.componentDidMount = function () {
-        return tslib_1.__awaiter(this, void 0, void 0, function () {
-            var activityProvider;
-            return tslib_1.__generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, this.resolveProvider()];
-                    case 1:
-                        activityProvider = _a.sent();
-                        this.loadRecentItems(activityProvider);
-                        return [2 /*return*/];
-                }
-            });
-        });
-    };
-    RecentSearch.prototype.loadRecentItems = function (activityProvider) {
-        return tslib_1.__awaiter(this, void 0, void 0, function () {
-            var _a, _b, _c;
-            return tslib_1.__generator(this, function (_d) {
-                switch (_d.label) {
-                    case 0:
-                        _d.trys.push([0, , 2, 3]);
-                        this.setState({ isLoading: true });
-                        _a = this.setState;
-                        _b = {};
-                        _c = limit;
-                        return [4 /*yield*/, activityProvider.getRecentItems()];
-                    case 1:
-                        _a.apply(this, [(_b.items = _c.apply(void 0, [_d.sent()]), _b)]);
-                        return [3 /*break*/, 3];
-                    case 2:
-                        this.setState({ isLoading: false });
-                        return [7 /*endfinally*/];
-                    case 3: return [2 /*return*/];
-                }
-            });
-        });
-    };
-    RecentSearch.prototype.render = function () {
-        var _a = this.props, target = _a.target, popupsMountPoint = _a.popupsMountPoint, popupsBoundariesElement = _a.popupsBoundariesElement, placeholder = _a.placeholder;
-        var _b = this.state, items = _b.items, isLoading = _b.isLoading, selectedIndex = _b.selectedIndex;
-        return (React.createElement(styles_1.FloatingToolbar, { target: FloatingToolbar_1.getNearestNonTextNode(target), popupsMountPoint: popupsMountPoint, popupsBoundariesElement: popupsBoundariesElement, fitWidth: 420, fitHeight: 350, zIndex: 500, offset: [0, 12], className: "recent-search" },
-            React.createElement(Container, null,
-                React.createElement(PanelTextInput_1.default, { placeholder: placeholder, autoFocus: true, onSubmit: this.handleSubmit, onChange: this.updateInput, onBlur: this.handleBlur, onCancel: this.handleBlur, onKeyDown: this.handleKeyDown }),
-                React.createElement(RecentList_1.default, { items: items, isLoading: isLoading, selectedIndex: selectedIndex, onSelect: this.handleSelected, onMouseMove: this.handleMouseMove }))));
-    };
-    RecentSearch.prototype.trackAutoCompleteAnalyticsEvent = function (name) {
-        var numChars = this.state.text ? this.state.text.length : 0;
-        analytics_1.analyticsService.trackEvent(name, { numChars: numChars });
-    };
-    return RecentSearch;
-}(react_1.PureComponent));
-exports.default = RecentSearch;
-var findIndex = function (array, predicate) {
-    var index = -1;
-    array.some(function (item, i) {
-        if (predicate(item)) {
-            index = i;
-            return true;
-        }
-        return false;
-    });
-    return index;
-};
-var limit = function (items) {
-    return items.slice(0, 5);
-};
-var templateObject_1;
+    return HyperlinkAddToolbar;
+}(React.PureComponent));
+exports.default = HyperlinkAddToolbar;
 //# sourceMappingURL=index.js.map

package/dist/es5/plugins/hyperlink/ui/RecentSearch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/plugins/hyperlink/ui/RecentSearch/index.tsx"],"names":[],"mappings":";;;AAAA,6BAA+B;AAC/B,+BAAqD;AACrD,uDAAuC;AAGvC,mDAAyD;AACzD,gEAA2D;AAC3D,2CAAsC;AACtC,oCAA4C;AAC5C,kEAAuE;AAEvE,IAAM,SAAS,GAAG,2BAAM,CAAC,IAAI,gKAAA,qFAK5B,IAAA,CAAC;AAuBF;IAA0C,wCAA2B;IAArE;QAAA,qEAkKC;QAjKC,WAAK,GAAG;YACN,aAAa,EAAE,CAAC,CAAC;YACjB,SAAS,EAAE,KAAK;YAChB,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,EAAE;SACD,CAAC;QAsBH,iBAAW,GAAG,UAAO,KAAa;;;;;wBACxC,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;6BAE3B,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAA3B,wBAA2B;6BACzB,CAAA,KAAK,CAAC,MAAM,KAAK,CAAC,CAAA,EAAlB,wBAAkB;wBACpB,KAAA,IAAI,CAAC,QAAQ,CAAA;;wBACJ,KAAA,KAAK,CAAA;wBAAC,qBAAM,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,cAAc,EAAE,EAAA;;wBADjE,SAAA,IAAI,IACF,QAAK,GAAE,kBAAM,SAAkD,EAAC;gCAChE,gBAAa,GAAE,CAAC,CAAC;qCACjB,CAAC;;;wBAEH,KAAA,IAAI,CAAC,QAAQ,CAAA;;wBACJ,KAAA,KAAK,CAAA;wBAAC,qBAAM,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC,EAAA;;wBADpE,SAAA,IAAI,IACF,QAAK,GAAE,kBAAM,SAAqD,EAAC;gCACnE,gBAAa,GAAE,CAAC;qCAChB,CAAC;;;;;aAGR,CAAC;QA4CM,oBAAc,GAAG,UAAC,IAAY,EAAE,IAAY;YAClD,IAAI,KAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;gBACvB,KAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;gBAChC,KAAI,CAAC,+BAA+B,CAClC,sDAAsD,CACvD,CAAC;aACH;QACH,CAAC,CAAC;QAEM,qBAAe,GAAG,UAAC,QAAgB;YACjC,IAAA,yBAAK,CAAgB;YAE7B,IAAI,KAAK,EAAE;gBACT,IAAM,KAAK,GAAG,SAAS,CAAC,KAAK,EAAE,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,QAAQ,KAAK,QAAQ,EAA1B,CAA0B,CAAC,CAAC;gBACnE,KAAI,CAAC,QAAQ,CAAC;oBACZ,aAAa,EAAE,KAAK;iBACrB,CAAC,CAAC;aACJ;QACH,CAAC,CAAC;QAEM,kBAAY,GAAG;YACf,IAAA,gBAA2C,EAAzC,gBAAK,EAAE,cAAI,EAAE,gCAA4B,CAAC;YAElD,uGAAuG;YACvG,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE;gBACnD,IAAM,IAAI,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;gBAClC,IAAI,KAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;oBACvB,KAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;oBACzC,KAAI,CAAC,+BAA+B,CAClC,yDAAyD,CAC1D,CAAC;iBACH;aACF;iBAAM,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;gBAClC,IAAI,KAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;oBACvB,KAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;oBAC1B,KAAI,CAAC,+BAA+B,CAClC,4DAA4D,CAC7D,CAAC;iBACH;aACF;QACH,CAAC,CAAC;QAEM,mBAAa,GAAG,UAAC,CAAqB;YACtC,IAAA,gBAAqC,EAAnC,gBAAK,EAAE,gCAA4B,CAAC;YAC5C,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;gBAC3B,OAAO;aACR;YAED,IAAI,CAAC,CAAC,OAAO,KAAK,EAAE,EAAE;gBACpB,OAAO;gBACP,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,KAAI,CAAC,QAAQ,CAAC;oBACZ,aAAa,EAAE,CAAC,aAAa,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM;iBAClD,CAAC,CAAC;aACJ;iBAAM,IAAI,CAAC,CAAC,OAAO,KAAK,EAAE,EAAE;gBAC3B,KAAK;gBACL,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,KAAI,CAAC,QAAQ,CAAC;oBACZ,aAAa,EAAE,aAAa,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;iBACxE,CAAC,CAAC;aACJ;QACH,CAAC,CAAC;QAEM,gBAAU,GAAG;YACnB,IAAI,KAAI,CAAC,KAAK,CAAC,MAAM,EAAE;gBACrB,KAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;aACpC;QACH,CAAC,CAAC;;IAOJ,CAAC;IA1JO,sCAAe,GAArB;;;;;4BAC2B,qBAAM,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAA;;wBAApD,gBAAgB,GAAG,SAAiC;wBAC1D,IAAI,CAAC,QAAQ,CAAC,EAAE,gBAAgB,kBAAA,EAAE,CAAC,CAAC;wBACpC,sBAAO,gBAAgB,EAAC;;;;KACzB;IAEK,wCAAiB,GAAvB;;;;;4BAC2B,qBAAM,IAAI,CAAC,eAAe,EAAE,EAAA;;wBAA/C,gBAAgB,GAAG,SAA4B;wBACrD,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC;;;;;KACxC;IAEa,sCAAe,GAA7B,UAA8B,gBAAkC;;;;;;;wBAE5D,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;wBACnC,KAAA,IAAI,CAAC,QAAQ,CAAA;;wBAAU,KAAA,KAAK,CAAA;wBAAC,qBAAM,gBAAgB,CAAC,cAAc,EAAE,EAAA;;wBAApE,SAAA,IAAI,IAAY,QAAK,GAAE,kBAAM,SAAuC,EAAC,OAAG,CAAC;;;wBAEzE,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;;;;;;KAEvC;IAoBD,6BAAM,GAAN;QACQ,IAAA,eAKQ,EAJZ,kBAAM,EACN,sCAAgB,EAChB,oDAAuB,EACvB,4BACY,CAAC;QACT,IAAA,eAAgD,EAA9C,gBAAK,EAAE,wBAAS,EAAE,gCAA4B,CAAC;QAEvD,OAAO,CACL,oBAAC,wBAAe,IACd,MAAM,EAAE,uCAAqB,CAAC,MAAM,CAAE,EACtC,gBAAgB,EAAE,gBAAgB,EAClC,uBAAuB,EAAE,uBAAuB,EAChD,QAAQ,EAAE,GAAG,EACb,SAAS,EAAE,GAAG,EACd,MAAM,EAAE,GAAG,EACX,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,EACf,SAAS,EAAC,eAAe;YAEzB,oBAAC,SAAS;gBACR,oBAAC,wBAAc,IACb,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,QAAQ,EAAE,IAAI,CAAC,WAAW,EAC1B,MAAM,EAAE,IAAI,CAAC,UAAU,EACvB,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,SAAS,EAAE,IAAI,CAAC,aAAa,GAC7B;gBACF,oBAAC,oBAAU,IACT,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,IAAI,CAAC,cAAc,EAC7B,WAAW,EAAE,IAAI,CAAC,eAAe,GACjC,CACQ,CACI,CACnB,CAAC;IACJ,CAAC;IAuEO,sDAA+B,GAAvC,UAAwC,IAAY;QAClD,IAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAE9D,4BAAgB,CAAC,UAAU,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC5D,CAAC;IACH,mBAAC;AAAD,CAAC,AAlKD,CAA0C,qBAAa,GAkKtD;;AAED,IAAM,SAAS,GAAG,UAAC,KAAY,EAAE,SAAiC;IAChE,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC;IACf,KAAK,CAAC,IAAI,CAAC,UAAC,IAAI,EAAE,CAAC;QACjB,IAAI,SAAS,CAAC,IAAI,CAAC,EAAE;YACnB,KAAK,GAAG,CAAC,CAAC;YACV,OAAO,IAAI,CAAC;SACb;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CAAC;IAEH,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,IAAM,KAAK,GAAG,UAAC,KAA0B;IACvC,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAC3B,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/plugins/hyperlink/ui/RecentSearch/index.tsx"],"names":[],"mappings":";;;AAAA,6BAA+B;AAC/B,mDAA0C;AAC1C,yDAAyE;AAQzE;IAAiD,+CAGhD;IAHD;;IAoBA,CAAC;IAhBC,oCAAM,GAAN;QACQ,IAAA,eAAiC,EAA/B,sBAAQ,EAAE,kBAAqB,CAAC;QACxC,OAAO,CACL,oBAAC,6BAAa,IACZ,SAAS,EAAE,CAAC,kBAAkB,CAAC,EAC/B,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,EAC3C,UAAU,EAAE,UAAC,EAAoB;oBAAlB,sCAAgB;gBAAO,OAAA,CACpC,oBAAC,wBAAU,IACT,QAAQ,EAAE,gBAAgB,EAC1B,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,GACd,CACH;YANqC,CAMrC,GACD,CACH,CAAC;IACJ,CAAC;IACH,0BAAC;AAAD,CAAC,AApBD,CAAiD,KAAK,CAAC,aAAa,GAoBnE"}

package/dist/es5/plugins/insert-block/index.js

@@ -34,7 +34,7 @@ var toolbarSizeToButtons = function (toolbarSize) {
 };
 var insertBlockPlugin = function (options) { return ({
     primaryToolbarComponent: function (_a) {
-        var editorView = _a.editorView, appearance = _a.appearance, editorActions = _a.editorActions, eventDispatcher = _a.eventDispatcher, providerFactory = _a.providerFactory, popupsMountPoint = _a.popupsMountPoint, popupsBoundariesElement = _a.popupsBoundariesElement, popupsScrollableElement = _a.popupsScrollableElement, toolbarSize = _a.toolbarSize, disabled = _a.disabled, isToolbarReducedSpacing = _a.isToolbarReducedSpacing;
+        var editorView = _a.editorView, appearance = _a.appearance, editorActions = _a.editorActions, dispatchAnalyticsEvent = _a.dispatchAnalyticsEvent, providerFactory = _a.providerFactory, popupsMountPoint = _a.popupsMountPoint, popupsBoundariesElement = _a.popupsBoundariesElement, popupsScrollableElement = _a.popupsScrollableElement, toolbarSize = _a.toolbarSize, disabled = _a.disabled, isToolbarReducedSpacing = _a.isToolbarReducedSpacing;
         var buttons = toolbarSizeToButtons(toolbarSize);
         var renderNode = function (providers) {
             return (React.createElement(WithPluginState_1.default, { plugins: {
@@ -54,7 +54,7 @@ var insertBlockPlugin = function (options) { return ({
                     var typeAheadState = _a.typeAheadState, mentionState = _a.mentionState, blockTypeState = _a.blockTypeState, mediaState = _a.mediaState, tablesState = _a.tablesState, _b = _a.macroState, macroState = _b === void 0 ? {} : _b, hyperlinkState = _a.hyperlinkState, emojiState = _a.emojiState, dateState = _a.dateState, imageUpload = _a.imageUpload, placeholderTextState = _a.placeholderTextState, layoutState = _a.layoutState;
                     return (React.createElement(ToolbarInsertBlock_1.default, { buttons: buttons, isReducedSpacing: isToolbarReducedSpacing, isDisabled: disabled, isTypeAheadAllowed: typeAheadState.isAllowed, editorView: editorView, tableSupported: !!tablesState, actionSupported: !!editorView.state.schema.nodes.taskItem, mentionsSupported: !!(mentionState && mentionState.mentionProvider), mentionsEnabled: mentionState, decisionSupported: !!editorView.state.schema.nodes.decisionItem, dateEnabled: !!dateState, placeholderTextEnabled: placeholderTextState && placeholderTextState.allowInserting, layoutSectionEnabled: !!layoutState, mediaUploadsEnabled: mediaState && mediaState.allowsUploads, onShowMediaPicker: mediaState && mediaState.showMediaPicker, mediaSupported: !!mediaState, imageUploadSupported: !!imageUpload, imageUploadEnabled: imageUpload && imageUpload.enabled, handleImageUpload: commands_2.startImageUpload, availableWrapperBlockTypes: blockTypeState.availableWrapperBlockTypes, linkSupported: !!hyperlinkState, linkDisabled: !hyperlinkState ||
                             !hyperlinkState.canInsertLink ||
-                            hyperlinkState.activeLinkMark, emojiDisabled: !emojiState || !emojiState.enabled, insertEmoji: emojiState && emojiState.insertEmoji, emojiProvider: providers.emojiProvider, nativeStatusSupported: options.nativeStatusSupported, horizontalRuleEnabled: options.horizontalRuleEnabled, onInsertBlockType: commands_1.insertBlockType, onInsertMacroFromMacroBrowser: macro_1.insertMacroFromMacroBrowser, macroProvider: macroState.macroProvider, popupsMountPoint: popupsMountPoint, popupsBoundariesElement: popupsBoundariesElement, popupsScrollableElement: popupsScrollableElement, insertMenuItems: options.insertMenuItems, editorActions: editorActions }));
+                            hyperlinkState.activeLinkMark, emojiDisabled: !emojiState || !emojiState.enabled, insertEmoji: emojiState && emojiState.insertEmoji, emojiProvider: providers.emojiProvider, nativeStatusSupported: options.nativeStatusSupported, horizontalRuleEnabled: options.horizontalRuleEnabled, onInsertBlockType: commands_1.insertBlockType, onInsertMacroFromMacroBrowser: macro_1.insertMacroFromMacroBrowser, macroProvider: macroState.macroProvider, popupsMountPoint: popupsMountPoint, popupsBoundariesElement: popupsBoundariesElement, popupsScrollableElement: popupsScrollableElement, insertMenuItems: options.insertMenuItems, editorActions: editorActions, dispatchAnalyticsEvent: dispatchAnalyticsEvent }));
                 } }));
         };
         return (React.createElement(editor_common_1.WithProviders, { providerFactory: providerFactory, providers: ['emojiProvider'], renderNode: renderNode }));

package/dist/es5/plugins/insert-block/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/plugins/insert-block/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/plugins/insert-block/index.tsx"],"names":[],"mappings":"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"}

package/dist/es5/plugins/insert-block/ui/ToolbarInsertBlock/index.d.ts

@@ -8,6 +8,7 @@ import { InsertMenuCustomItem } from '../../../../types';
 import { BlockType } from '../../../block-type/types';
 import { MacroProvider } from '../../../macro/types';
 import { Command } from '../../../../types';
+import { AnalyticsEventPayload } from '../../../analytics';
 export declare const messages: {
     action: {
         id: string;
@@ -122,6 +123,7 @@ export interface Props {
     onShowMediaPicker?: () => void;
     onInsertBlockType?: (name: string) => Command;
     onInsertMacroFromMacroBrowser?: (macroProvider: MacroProvider, node?: PMNode, isEditing?: boolean) => (state: any, dispatch: any) => void;
+    dispatchAnalyticsEvent?: (payload: AnalyticsEventPayload) => void;
 }
 export interface State {
     isOpen: boolean;

package/dist/es5/plugins/insert-block/ui/ToolbarInsertBlock/index.js

@@ -149,8 +149,20 @@ var ToolbarInsertBlock = /** @class */ (function (_super) {
             _this.onOpenChange({ isOpen: !isOpen });
         };
         _this.toggleEmojiPicker = function () {
-            var emojiPickerOpen = !_this.state.emojiPickerOpen;
-            _this.setState({ emojiPickerOpen: emojiPickerOpen });
+            _this.setState(function (prevState) { return ({ emojiPickerOpen: !prevState.emojiPickerOpen }); }, function () {
+                if (_this.state.emojiPickerOpen) {
+                    var dispatchAnalyticsEvent = _this.props.dispatchAnalyticsEvent;
+                    if (dispatchAnalyticsEvent) {
+                        dispatchAnalyticsEvent({
+                            action: "opened" /* OPENED */,
+                            actionSubject: "picker" /* PICKER */,
+                            actionSubjectId: "emojiPicker" /* PICKER_EMOJI */,
+                            attributes: { inputMethod: "toolbar" /* TOOLBAR */ },
+                            eventType: "ui" /* UI */,
+                        });
+                    }
+                }
+            });
         };
         _this.handleButtonRef = function (ref) {
             var buttonRef = ref || null;
@@ -342,7 +354,7 @@ var ToolbarInsertBlock = /** @class */ (function (_super) {
         };
         _this.toggleLinkPanel = analytics_1.withAnalytics('atlassian.editor.format.hyperlink.button', function () {
             var editorView = _this.props.editorView;
-            commands_2.showLinkToolbar()(editorView.state, editorView.dispatch);
+            commands_2.showLinkToolbar("toolbar" /* TOOLBAR */)(editorView.state, editorView.dispatch);
             return true;
         });
         _this.insertMention = analytics_1.withAnalytics('atlassian.fabric.mention.picker.trigger.button', function () {
@@ -377,8 +389,19 @@ var ToolbarInsertBlock = /** @class */ (function (_super) {
             return true;
         });
         _this.openMediaPicker = analytics_1.withAnalytics('atlassian.editor.format.media.button', function () {
-            var onShowMediaPicker = _this.props.onShowMediaPicker;
-            onShowMediaPicker();
+            var _a = _this.props, onShowMediaPicker = _a.onShowMediaPicker, dispatchAnalyticsEvent = _a.dispatchAnalyticsEvent;
+            if (onShowMediaPicker) {
+                onShowMediaPicker();
+                if (dispatchAnalyticsEvent) {
+                    dispatchAnalyticsEvent({
+                        action: "opened" /* OPENED */,
+                        actionSubject: "picker" /* PICKER */,
+                        actionSubjectId: "cloudPicker" /* PICKER_CLOUD */,
+                        attributes: { inputMethod: "toolbar" /* TOOLBAR */ },
+                        eventType: "ui" /* UI */,
+                    });
+                }
+            }
             return true;
         });
         _this.insertDecision = analytics_1.withAnalytics('atlassian.fabric.decision.trigger.button', function () {