@atlaskit/editor-common 74.56.10 → 74.58.0

package/dist/esm/monitoring/error.js

@@ -6,7 +6,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "74.56.10";
+var packageVersion = "74.58.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/ui/DropList/index.js

@@ -10,6 +10,7 @@ var _templateObject, _templateObject2, _templateObject3;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 /** @jsx jsx */
+
 import { Component } from 'react';
 import { css, jsx } from '@emotion/react';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -18,7 +19,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "74.56.10";
+var packageVersion = "74.58.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {
@@ -144,7 +145,7 @@ var DropList = /*#__PURE__*/function (_Component) {
         "data-testid": testId && "".concat(testId, "--content"),
         ref: this.handleContentRef,
         id: id,
-        role: "menu"
+        role: "presentation"
       }, children) : null;
       return jsx("div", {
         css: this.wrapperStyles

package/dist/esm/utils/performance/measure-render.js

@@ -1,11 +1,10 @@
 import { isPerformanceAPIAvailable } from './is-performance-api-available';
-
 /**
  * Monitors if a pages enters a visibility state which will lead to
  * distorted duration measurements (where the measurement uses the
  * requestAnimationFrame api).
  */
-export function getDistortedDurationMonitor() {
+export var getDistortedDurationMonitor = function getDistortedDurationMonitor() {
   if (typeof document === 'undefined') {
     return {
       distortedDuration: false,
@@ -37,7 +36,7 @@ export function getDistortedDurationMonitor() {
       document.removeEventListener('visibilitychange', handleVisibilityChange);
     }
   };
-}
+};
 
 /**
  * Measures time it takes to render a frame including -> style, paint, layout and composition.

package/dist/esm/utils/performance/measure-tti.js

@@ -1,5 +1,6 @@
 import { SEVERITY } from '../analytics';
 import { isPerformanceObserverLongTaskAvailable } from './is-performance-api-available';
+import { getDistortedDurationMonitor } from './measure-render';
 export function measureTTI(onMeasureComplete) {
   var idleThreshold = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1000;
   var cancelAfter = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 60;
@@ -10,6 +11,8 @@ export function measureTTI(onMeasureComplete) {
     return;
   }
   var start = performance.now();
+  // Keeping track of users moving away from the tab, which distorts the TTI measurement
+  var distortedDurationMonitor = getDistortedDurationMonitor();
   var prevLongTask;
   var lastLongTask = {
     startTime: start,
@@ -40,13 +43,16 @@ export function measureTTI(onMeasureComplete) {
     var canceled = elapsedTimeMs > cancelAfterMs;
     if (!prevLongTask) {
       observer.disconnect();
-      return onMeasureComplete(prevEnd, 0, false);
+      distortedDurationMonitor.cleanup();
+      return onMeasureComplete(prevEnd, 0, false, distortedDurationMonitor.distortedDuration);
     } else if (lastLongTask.startTime - prevEnd >= idleThreshold) {
       observer.disconnect();
-      return onMeasureComplete(prevEnd, prevEnd - start, canceled);
+      distortedDurationMonitor.cleanup();
+      return onMeasureComplete(prevEnd, prevEnd - start, canceled, distortedDurationMonitor.distortedDuration);
     } else if (now - lastEnd >= idleThreshold || canceled) {
       observer.disconnect();
-      return onMeasureComplete(lastEnd, lastEnd - start, canceled);
+      distortedDurationMonitor.cleanup();
+      return onMeasureComplete(lastEnd, lastEnd - start, canceled, distortedDurationMonitor.distortedDuration);
     }
     return setTimeout(checkIdle, idleThreshold);
   };

package/dist/types/analytics/types/general-events.d.ts

@@ -1,6 +1,6 @@
 import type { RichMediaLayout } from '@atlaskit/adf-schema';
 import type { FeatureFlagKey } from '../../types/feature-flags';
-import { PropsDifference, ShallowPropsDifference } from '../../utils';
+import type { PropsDifference, ShallowPropsDifference } from '../../utils';
 import type { SEVERITY } from '../../utils/analytics';
 import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, INPUT_METHOD } from './enums';
 import type { AnnotationAEP } from './inline-comment-events';
@@ -48,6 +48,7 @@ type EditorTTIAEP = OperationalAEP<ACTION.EDITOR_TTI, ACTION_SUBJECT.EDITOR, und
     canceled: boolean;
     ttiSeverity?: SEVERITY;
     ttiFromInvocationSeverity?: SEVERITY;
+    distortedDuration: boolean;
 }, undefined>;
 type EditorContentRetrievalPerformedAEP = OperationalAEP<ACTION.EDITOR_CONTENT_RETRIEVAL_PERFORMED, ACTION_SUBJECT.EDITOR, undefined, {
     success: boolean;

package/dist/types/element-browser/ElementBrowser.d.ts

@@ -0,0 +1,37 @@
+import { PureComponent } from 'react';
+import type { QuickInsertItem } from '../provider-factory';
+import type { EmptyStateHandler } from '../types';
+import type { Category, Modes } from './types';
+export interface Props {
+    categories?: Category[];
+    mode: keyof typeof Modes;
+    getItems: (query?: string, category?: string) => QuickInsertItem[];
+    onSelectItem?: (item: QuickInsertItem) => void;
+    onInsertItem: (item: QuickInsertItem) => void;
+    showSearch: boolean;
+    showCategories: boolean;
+    defaultCategory?: string;
+    emptyStateHandler?: EmptyStateHandler;
+    viewMoreItem?: QuickInsertItem;
+}
+export interface State {
+    items: QuickInsertItem[];
+    categories: Category[];
+    selectedCategory?: string;
+    searchTerm?: string;
+}
+export default class ElementBrowser extends PureComponent<Props, State> {
+    static defaultProps: {
+        defaultCategory: string;
+        onInsertItem: () => void;
+    };
+    state: State;
+    componentDidMount(): void;
+    getCategories: (items?: QuickInsertItem[]) => Category[];
+    filterCategories: (items: QuickInsertItem[], categories?: Category[]) => Category[];
+    fetchItems: (query?: string, category?: string) => QuickInsertItem[];
+    componentDidUpdate(prevProps: Props, prevState: State): void;
+    handleSearch: (searchTerm: string) => void;
+    handleCategorySelection: (clickedCategory: Category) => void;
+    render(): JSX.Element;
+}

package/dist/types/element-browser/ViewMore.d.ts

@@ -0,0 +1,6 @@
+import { jsx } from '@emotion/react';
+import type { QuickInsertItem } from '../provider-factory';
+export declare const ViewMore: ({ item, focus, }: {
+    item: QuickInsertItem;
+    focus: boolean;
+}) => jsx.JSX.Element;

package/dist/types/element-browser/components/CategoryList.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import type { Category } from '../types';
+interface Props {
+    categories?: Category[];
+    onSelectCategory: (category: Category) => void;
+    selectedCategory?: string;
+}
+declare const MemoizedCategoryListWithAnalytics: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<Props & WithAnalyticsEventsProps & import("@atlaskit/analytics-next").WithContextProps, "createAnalyticsEvent" | "analyticsContext" | keyof Props> & React.RefAttributes<any>>>;
+export default MemoizedCategoryListWithAnalytics;

package/dist/types/element-browser/components/ElementBrowserLoader.d.ts

@@ -0,0 +1,6 @@
+/** @jsx jsx */
+import React from 'react';
+import Loadable from 'react-loadable';
+import type { Props as ElementBrowserProps } from '../ElementBrowser';
+declare const ElementBrowserLoader: React.ComponentType<ElementBrowserProps> & Loadable.LoadableComponent;
+export default ElementBrowserLoader;

package/dist/types/element-browser/components/ElementList/ElementList.d.ts

@@ -0,0 +1,33 @@
+/** @jsx jsx */
+import React from 'react';
+import { jsx } from '@emotion/react';
+import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import type { QuickInsertItem } from '../../../provider-factory';
+import type { EmptyStateHandler } from '../../../types';
+import type { SelectedItemProps } from '../../types';
+import { Modes } from '../../types';
+export declare const ICON_HEIGHT = 40;
+export declare const ICON_WIDTH = 40;
+export declare const itemIcon: import("@emotion/react").SerializedStyles;
+export interface Props {
+    items: QuickInsertItem[];
+    mode: keyof typeof Modes;
+    onInsertItem: (item: QuickInsertItem) => void;
+    setColumnCount: (columnCount: number) => void;
+    setFocusedItemIndex: (index: number) => void;
+    emptyStateHandler?: EmptyStateHandler;
+    selectedCategory?: string;
+    searchTerm?: string;
+}
+type ElementItemType = {
+    inlineMode: boolean;
+    item: QuickInsertItem;
+    onInsertItem: (item: QuickInsertItem) => void;
+    selected: boolean;
+    focus: boolean;
+    setFocusedItemIndex: (index: number) => void;
+    index: number;
+};
+export declare function ElementItem({ inlineMode, selected, item, index, onInsertItem, focus, setFocusedItemIndex, }: ElementItemType): jsx.JSX.Element;
+declare const MemoizedElementListWithAnalytics: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<Props & SelectedItemProps & WithAnalyticsEventsProps & import("@atlaskit/analytics-next").WithContextProps, "createAnalyticsEvent" | "analyticsContext" | keyof Props | keyof SelectedItemProps> & React.RefAttributes<any>>>;
+export default MemoizedElementListWithAnalytics;

package/dist/types/element-browser/components/ElementList/EmptyState.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+type Props = {
+    onExternalLinkClick: () => void;
+};
+export default function EmptyState({ onExternalLinkClick, }: Props): JSX.Element;
+export {};

package/dist/types/element-browser/components/ElementList/NotFoundIllustration.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function NotFoundIllustration(): JSX.Element;

package/dist/types/element-browser/components/ElementList/cellSizeAndPositionGetter.d.ts

@@ -0,0 +1,7 @@
+import type { CollectionCellSizeAndPositionGetter } from 'react-virtualized/dist/commonjs/Collection';
+/**
+ * Callback responsible for returning size and offset/position information
+ * for a given cell.
+ * https://github.com/bvaughn/react-virtualized/blob/master/docs/Collection.md
+ **/
+export default function cellSizeAndPositionGetter(containerWidth: number, scrollbarWidth: number): CollectionCellSizeAndPositionGetter;

package/dist/types/element-browser/components/ElementList/utils.d.ts

@@ -0,0 +1,12 @@
+export declare function getColumnCount(clientWidth: number): number;
+type DatumReturnType = {
+    availableWidth: number;
+    columnCount: number;
+};
+type Options = {
+    gutterSize: number;
+    scrollbarWidth: number;
+};
+export declare function generateVirtualizedContainerDatum(containerWidth: number, options: Options): DatumReturnType;
+export declare function getScrollbarWidth(): number;
+export {};

package/dist/types/element-browser/components/ElementSearch.d.ts

@@ -0,0 +1,18 @@
+/** @jsx jsx */
+import React from 'react';
+import type { WrappedComponentProps } from 'react-intl-next';
+import { Modes } from '../types';
+interface Props {
+    onSearch: (value: string) => void;
+    mode: keyof typeof Modes;
+    focus: boolean;
+    onClick: (e: React.MouseEvent) => void;
+    onKeyDown: (e: React.KeyboardEvent) => void;
+    searchTerm?: string;
+}
+declare const MemoizedElementSearchWithAnalytics: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<Props & WrappedComponentProps<"intl">, "intl"> & {
+    forwardedRef?: React.Ref<any> | undefined;
+} & {
+    children?: React.ReactNode;
+} & import("@atlaskit/analytics-next").WithContextProps & React.RefAttributes<any>>>;
+export default MemoizedElementSearchWithAnalytics;

package/dist/types/element-browser/components/StatelessElementBrowser.d.ts

@@ -0,0 +1,23 @@
+/** @jsx jsx */
+import React from 'react';
+import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import type { QuickInsertItem } from '../../provider-factory';
+import type { EmptyStateHandler } from '../../types';
+import type { Category, Modes } from '../types';
+export type StatelessElementBrowserProps = {
+    categories?: Category[];
+    items: QuickInsertItem[];
+    onSearch: (searchTerm: string) => void;
+    onSelectCategory: (category: Category) => void;
+    onSelectItem?: (item: QuickInsertItem) => void;
+    onInsertItem: (item: QuickInsertItem) => void;
+    selectedCategory?: string;
+    showSearch: boolean;
+    showCategories: boolean;
+    mode: keyof typeof Modes;
+    searchTerm?: string;
+    emptyStateHandler?: EmptyStateHandler;
+    viewMoreItem?: QuickInsertItem;
+} & WithAnalyticsEventsProps;
+declare const MemoizedElementBrowser: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<Omit<StatelessElementBrowserProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "key" | "mode" | "analyticsContext" | "categories" | "onSelectCategory" | "selectedCategory" | "items" | "emptyStateHandler" | "searchTerm" | "onInsertItem" | "onSearch" | "onSelectItem" | "viewMoreItem" | "showCategories" | "showSearch"> & React.RefAttributes<any>>>;
+export default MemoizedElementBrowser;

package/dist/types/element-browser/constants.d.ts

@@ -0,0 +1,19 @@
+export declare const GRID_SIZE: number;
+export declare const DEVICE_BREAKPOINT_NUMBERS: {
+    small: number;
+    medium: number;
+    large: number;
+};
+export declare const FLEX_ITEMS_CONTAINER_BREAKPOINT_NUMBERS: {
+    small: number;
+    medium: number;
+    large: number;
+};
+export declare const SIDEBAR_WIDTH: string;
+export declare const SIDEBAR_HEADING_WRAPPER_HEIGHT: string;
+export declare const SIDEBAR_HEADING_PADDING_LEFT = "12px";
+export declare const INLINE_SIDEBAR_HEIGHT = "54px";
+export declare const SEARCH_ITEM_HEIGHT_WIDTH = "20px";
+export declare const SCROLLBAR_WIDTH = 15;
+export declare const ELEMENT_LIST_PADDING = 2;
+export declare const ELEMENT_ITEM_HEIGHT = 75;

package/dist/types/element-browser/hooks/use-container-width.d.ts

@@ -0,0 +1,33 @@
+/** @jsx jsx */
+import React from 'react';
+/**
+ *
+ * Problem:
+ * While using WidthObserver, there's no initial width.
+ * That may cause problems, but not limited to, something like a lag between
+ * renders for conditionally rendered components.
+ *
+ * solution:
+ * useContainerWidth() hook
+ * it pre-measures the width of a parent container on initial mount
+ * and gives you back the containerWidth.
+ *
+ *
+ * Example hook usage:
+ *
+ *  const { containerWidth, ContainerWidthMonitor } = useContainerWidth();
+ *
+ *  return (
+ *   <>
+ *    <ContainerWidthMonitor />
+ *    {containerWidth < 600 ? <MobileComponent /> : <DesktopComponent />}
+ *   </>
+ *  );
+ *
+ */
+type useContainerWidthReturnType = {
+    containerWidth: number;
+    ContainerWidthMonitor: React.ElementType;
+};
+export default function useContainerWidth(): useContainerWidthReturnType;
+export {};

package/dist/types/element-browser/hooks/use-focus.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+/**
+ * A custom hook that handles focus on a DOM element.
+ * Takes in a boolean value and calls element.focus
+ *
+ * @param {boolean} focus
+ *
+ * Example usage:
+ *******************************************************************************
+ *    const SearchBar = ({ focus }) => {
+ *      const ref = useFocus(focus);
+ *      return <input ref={ref} />
+ *    }
+ *******************************************************************************
+ *    const ItemList = ({ items, focus }) => (
+ *       <ul>
+ *        {items.map((item, index) => (
+ *          <Item key={item.uuid} item={item} focus={focus} />
+ *        ))}
+ *       </ul>
+ *     );
+ *
+ *    const Item = ({ item, focus }) => {
+ *      const ref = useFocus(focus);
+ *      return (
+ *        <li ref={ref}>
+ *          {item.name}
+ *        </li>
+ *      )
+ *    }
+ *******************************************************************************
+ */
+type RefType = null | HTMLInputElement | HTMLDivElement;
+export default function useFocus(focus: boolean): import("react").MutableRefObject<RefType>;
+export {};

package/dist/types/element-browser/hooks/use-select-and-focus-on-arrow-navigation.d.ts

@@ -0,0 +1,72 @@
+import type React from 'react';
+/**
+ * a custom hook that handles keyboard navigation for Arrow keys based on a
+ * given listSize, and a step (for up and down arrows).
+ *
+ * @param {number} listSize
+ * @param {number} upDownStep
+ *
+ * Example usage:
+ *    const list = ['Confluence','Jira','Atlaskit'];
+ *    const {
+ *      selectedItemIndex,
+ *      focusedItemIndex,
+ *      focusOnSearch,
+ *      focusOnViewMore,
+ *      setFocusedItemIndex,
+ *      onKeyDown
+ *    } = useSelectAndFocusOnArrowNavigation(list.length - 1, 1);
+ *
+ *    return (
+ *      <div onKeyDown={onKeyDown}>
+ *        <SearchBar onClick={() => setFocusedItemIndex(undefined)} focus={focusOnSearch} />
+ *        {list.map((item, index) => (
+ *           <ListItem
+ *            title={item}
+ *            style={{ ..., color: selected ? 'selectedStateColor' : defaultColor }}
+ *            onClick={() => {
+ *              setFocusedItemIndex(index);
+ *            }
+ *          />
+ *        )}
+ *      </div>
+ *    );
+ *
+ *    const SearchBar = ({ focus }) => {
+ *      const ref = useRefToFocusOrScroll(focus);
+ *      return <input ref={ref} />
+ *    }
+ *
+ */
+type ReducerState = {
+    focusOnSearch: boolean;
+    focusOnViewMore: boolean;
+    selectedItemIndex?: number;
+    focusedItemIndex?: number;
+    listSize: number;
+    canFocusViewMore?: boolean;
+};
+export declare enum ACTIONS {
+    FOCUS_SEARCH = "focusOnSearch",
+    UPDATE_STATE = "updateState",
+    MOVE = "move"
+}
+export type ReducerAction = {
+    type: ACTIONS;
+    payload: Partial<ReducerState> & {
+        positions?: number;
+        step?: number;
+    };
+};
+export type useSelectAndFocusReturnType = {
+    selectedItemIndex?: number;
+    onKeyDown: (e: React.KeyboardEvent<HTMLDivElement>) => void;
+    focusOnSearch: boolean;
+    focusOnViewMore: boolean;
+    focusedItemIndex?: number;
+    setFocusedItemIndex: (index?: number) => void;
+    setFocusOnSearch: () => void;
+};
+declare function useSelectAndFocusOnArrowNavigation(listSize: number, step: number, canFocusViewMore: boolean): useSelectAndFocusReturnType;
+export declare const ensureSafeIndex: (index: number, listSize: number) => number;
+export default useSelectAndFocusOnArrowNavigation;

package/dist/types/element-browser/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ElementBrowser } from './components/ElementBrowserLoader';
+export { ELEMENT_ITEM_HEIGHT } from './constants';

package/dist/types/element-browser/types.d.ts

@@ -0,0 +1,12 @@
+export type Category = {
+    title: string;
+    name: string;
+};
+export declare enum Modes {
+    full = "full",
+    inline = "inline"
+}
+export type SelectedItemProps = {
+    selectedItemIndex?: number;
+    focusedItemIndex?: number;
+};

package/dist/types/keymaps/index.d.ts

@@ -67,6 +67,7 @@ export declare const paste: Keymap;
 export declare const altPaste: Keymap;
 export declare const find: Keymap;
 export declare const alignLeft: Keymap;
+export declare const toggleTaskItemCheckbox: Keymap;
 export declare function tooltip(keymap?: Keymap, description?: string): string | undefined;
 export declare const ToolTipContent: React.MemoExoticComponent<({ description, shortcutOverride, keymap, }: {
     description?: string | React.ReactNode;

package/dist/types/types/quick-insert.d.ts

@@ -34,4 +34,5 @@ export type QuickInsertSharedState = {
     lazyDefaultItems: () => QuickInsertItem[];
     emptyStateHandler?: EmptyStateHandler;
     providedItems?: QuickInsertItem[];
+    isElementBrowserModalOpen: boolean;
 };

package/dist/types/ui/DropList/index.d.ts

@@ -1,6 +1,7 @@
 /** @jsx jsx */
-import { Component, ReactNode } from 'react';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import type { ReactNode } from 'react';
+import { Component } from 'react';
+import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 interface Props extends WithAnalyticsEventsProps {
     isOpen?: boolean;
     trigger?: typeof Component;

package/dist/types/utils/performance/measure-render.d.ts

@@ -1,12 +1,13 @@
+type DistortedDurationMonitor = {
+    distortedDuration: boolean;
+    cleanup: () => void;
+};
 /**
  * Monitors if a pages enters a visibility state which will lead to
  * distorted duration measurements (where the measurement uses the
  * requestAnimationFrame api).
  */
-export declare function getDistortedDurationMonitor(): {
-    distortedDuration: boolean;
-    cleanup(): void;
-};
+export declare const getDistortedDurationMonitor: () => DistortedDurationMonitor;
 /**
  * Measures time it takes to render a frame including -> style, paint, layout and composition.
  *
@@ -48,3 +49,4 @@ onMeasureComplete: ({ duration, startTime, distortedDuration, }: {
      */
     distortedDuration: boolean;
 }) => void): void;
+export {};

package/dist/types/utils/performance/measure-tti.d.ts

@@ -1,5 +1,5 @@
 import { SEVERITY } from '../analytics';
-export declare function measureTTI(onMeasureComplete: (tti: number, ttiFromInvocation: number, canceled: boolean) => void, idleThreshold?: number, cancelAfter?: number, PerfObserver?: typeof window.PerformanceObserver): void;
+export declare function measureTTI(onMeasureComplete: (tti: number, ttiFromInvocation: number, canceled: boolean, distortedDuration: boolean) => void, idleThreshold?: number, cancelAfter?: number, PerfObserver?: typeof window.PerformanceObserver): void;
 export declare const TTI_SEVERITY_THRESHOLD_DEFAULTS: {
     NORMAL: number;
     DEGRADED: number;

package/dist/types-ts4.5/analytics/types/general-events.d.ts

@@ -1,6 +1,6 @@
 import type { RichMediaLayout } from '@atlaskit/adf-schema';
 import type { FeatureFlagKey } from '../../types/feature-flags';
-import { PropsDifference, ShallowPropsDifference } from '../../utils';
+import type { PropsDifference, ShallowPropsDifference } from '../../utils';
 import type { SEVERITY } from '../../utils/analytics';
 import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, INPUT_METHOD } from './enums';
 import type { AnnotationAEP } from './inline-comment-events';
@@ -48,6 +48,7 @@ type EditorTTIAEP = OperationalAEP<ACTION.EDITOR_TTI, ACTION_SUBJECT.EDITOR, und
     canceled: boolean;
     ttiSeverity?: SEVERITY;
     ttiFromInvocationSeverity?: SEVERITY;
+    distortedDuration: boolean;
 }, undefined>;
 type EditorContentRetrievalPerformedAEP = OperationalAEP<ACTION.EDITOR_CONTENT_RETRIEVAL_PERFORMED, ACTION_SUBJECT.EDITOR, undefined, {
     success: boolean;

package/dist/types-ts4.5/element-browser/ElementBrowser.d.ts

@@ -0,0 +1,37 @@
+import { PureComponent } from 'react';
+import type { QuickInsertItem } from '../provider-factory';
+import type { EmptyStateHandler } from '../types';
+import type { Category, Modes } from './types';
+export interface Props {
+    categories?: Category[];
+    mode: keyof typeof Modes;
+    getItems: (query?: string, category?: string) => QuickInsertItem[];
+    onSelectItem?: (item: QuickInsertItem) => void;
+    onInsertItem: (item: QuickInsertItem) => void;
+    showSearch: boolean;
+    showCategories: boolean;
+    defaultCategory?: string;
+    emptyStateHandler?: EmptyStateHandler;
+    viewMoreItem?: QuickInsertItem;
+}
+export interface State {
+    items: QuickInsertItem[];
+    categories: Category[];
+    selectedCategory?: string;
+    searchTerm?: string;
+}
+export default class ElementBrowser extends PureComponent<Props, State> {
+    static defaultProps: {
+        defaultCategory: string;
+        onInsertItem: () => void;
+    };
+    state: State;
+    componentDidMount(): void;
+    getCategories: (items?: QuickInsertItem[]) => Category[];
+    filterCategories: (items: QuickInsertItem[], categories?: Category[]) => Category[];
+    fetchItems: (query?: string, category?: string) => QuickInsertItem[];
+    componentDidUpdate(prevProps: Props, prevState: State): void;
+    handleSearch: (searchTerm: string) => void;
+    handleCategorySelection: (clickedCategory: Category) => void;
+    render(): JSX.Element;
+}

package/dist/types-ts4.5/element-browser/ViewMore.d.ts

@@ -0,0 +1,6 @@
+import { jsx } from '@emotion/react';
+import type { QuickInsertItem } from '../provider-factory';
+export declare const ViewMore: ({ item, focus, }: {
+    item: QuickInsertItem;
+    focus: boolean;
+}) => jsx.JSX.Element;

package/dist/types-ts4.5/element-browser/components/CategoryList.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import type { Category } from '../types';
+interface Props {
+    categories?: Category[];
+    onSelectCategory: (category: Category) => void;
+    selectedCategory?: string;
+}
+declare const MemoizedCategoryListWithAnalytics: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<Props & WithAnalyticsEventsProps & import("@atlaskit/analytics-next").WithContextProps, "createAnalyticsEvent" | "analyticsContext" | keyof Props> & React.RefAttributes<any>>>;
+export default MemoizedCategoryListWithAnalytics;

package/dist/types-ts4.5/element-browser/components/ElementBrowserLoader.d.ts

@@ -0,0 +1,6 @@
+/** @jsx jsx */
+import React from 'react';
+import Loadable from 'react-loadable';
+import type { Props as ElementBrowserProps } from '../ElementBrowser';
+declare const ElementBrowserLoader: React.ComponentType<ElementBrowserProps> & Loadable.LoadableComponent;
+export default ElementBrowserLoader;

package/dist/types-ts4.5/element-browser/components/ElementList/ElementList.d.ts

@@ -0,0 +1,33 @@
+/** @jsx jsx */
+import React from 'react';
+import { jsx } from '@emotion/react';
+import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import type { QuickInsertItem } from '../../../provider-factory';
+import type { EmptyStateHandler } from '../../../types';
+import type { SelectedItemProps } from '../../types';
+import { Modes } from '../../types';
+export declare const ICON_HEIGHT = 40;
+export declare const ICON_WIDTH = 40;
+export declare const itemIcon: import("@emotion/react").SerializedStyles;
+export interface Props {
+    items: QuickInsertItem[];
+    mode: keyof typeof Modes;
+    onInsertItem: (item: QuickInsertItem) => void;
+    setColumnCount: (columnCount: number) => void;
+    setFocusedItemIndex: (index: number) => void;
+    emptyStateHandler?: EmptyStateHandler;
+    selectedCategory?: string;
+    searchTerm?: string;
+}
+type ElementItemType = {
+    inlineMode: boolean;
+    item: QuickInsertItem;
+    onInsertItem: (item: QuickInsertItem) => void;
+    selected: boolean;
+    focus: boolean;
+    setFocusedItemIndex: (index: number) => void;
+    index: number;
+};
+export declare function ElementItem({ inlineMode, selected, item, index, onInsertItem, focus, setFocusedItemIndex, }: ElementItemType): jsx.JSX.Element;
+declare const MemoizedElementListWithAnalytics: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<Props & SelectedItemProps & WithAnalyticsEventsProps & import("@atlaskit/analytics-next").WithContextProps, "createAnalyticsEvent" | "analyticsContext" | keyof Props | keyof SelectedItemProps> & React.RefAttributes<any>>>;
+export default MemoizedElementListWithAnalytics;