@atlaskit/editor-core 187.40.2 → 187.41.1

package/dist/types-ts4.5/plugins/media/nodeviews/mediaInline.d.ts

@@ -1,8 +1,8 @@
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
 import React from 'react';
-import type { EventDispatcher } from '../../../event-dispatcher';
-import type { getPosHandler, ProsemirrorGetPosHandler } from '../../../nodeviews/';
+import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
+import type { getPosHandler as ProsemirrorGetPosHandler, getPosHandler } from '../types';
 import { SelectionBasedNodeView } from '@atlaskit/editor-common/selection-based-node-view';
 import type { FileIdentifier } from '@atlaskit/media-client';
 import type { MediaProvider, ProviderFactory, ContextIdentifierProvider } from '@atlaskit/editor-common/provider-factory';
@@ -11,7 +11,7 @@ import type { MediaPluginState } from '../pm-plugins/types';
 import { MediaNodeUpdater } from './mediaNodeUpdater';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type mediaPlugin from '../index';
+import type { MediaNextEditorPluginType } from '../next-plugin-type';
 export interface MediaInlineProps {
     mediaProvider: Promise<MediaProvider>;
     identifier: FileIdentifier;
@@ -35,6 +35,7 @@ export declare const handleNewNode: (props: MediaInlineProps) => void;
 export declare const MediaInline: React.FC<MediaInlineProps>;
 export interface MediaInlineNodeViewProps {
     providerFactory: ProviderFactory;
+    api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined;
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
 }
 export declare class MediaInlineNodeView extends SelectionBasedNodeView<MediaInlineNodeViewProps> {
@@ -46,4 +47,4 @@ export declare class MediaInlineNodeView extends SelectionBasedNodeView<MediaInl
     viewShouldUpdate(nextNode: PMNode): boolean;
     render(props: MediaInlineNodeViewProps): JSX.Element;
 }
-export declare const ReactMediaInlineNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, pluginInjectionApi: ExtractInjectionAPI<typeof mediaPlugin> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent) => (node: PMNode, view: EditorView, getPos: getPosHandler) => NodeView;
+export declare const ReactMediaInlineNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent) => (node: PMNode, view: EditorView, getPos: getPosHandler) => NodeView;

package/dist/types-ts4.5/plugins/media/types.d.ts

@@ -8,7 +8,9 @@ import type { MediaFeatureFlags } from '@atlaskit/media-common';
 import type { UploadParams, MediaFile } from '@atlaskit/media-picker/types';
 import type { EditorSelectionAPI } from '@atlaskit/editor-common/selection';
 import type { GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
-import type { PlaceholderTextOptions } from '../../plugins/placeholder-text/types';
+interface PlaceholderTextOptions {
+    allowInserting?: boolean;
+}
 export type MediaStateStatus = 'unknown' | 'ready' | 'cancelled' | 'preview' | 'error' | 'mobile-upload-end';
 export type MediaSingleWithType = 'pixel' | 'percentage';
 export interface MediaOptions {
@@ -106,3 +108,10 @@ export type MediaDecorationSpec = {
     type: 'media';
     selected: boolean;
 };
+export type getPosHandler = getPosHandlerNode;
+export type getPosHandlerNode = () => number | undefined;
+export interface ReactNodeProps {
+    selected: boolean;
+}
+export type ForwardRef = (node: HTMLElement | null) => void;
+export {};

package/dist/types-ts4.5/plugins/media/ui/ToolbarMedia/index.d.ts

@@ -1,17 +1,13 @@
 import React from 'react';
-import type { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { EventDispatcher } from '../../../../event-dispatcher';
-import type { MediaPluginState } from '../../pm-plugins/types';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { MediaNextEditorPluginType } from '../../next-plugin-type';
 import type { WrappedComponentProps } from 'react-intl-next';
-export interface Props<T extends MediaPluginState> {
-    editorView: EditorView;
-    pluginKey: PluginKey<T>;
-    eventDispatcher: EventDispatcher;
+export interface Props {
     isDisabled?: boolean;
     isReducedSpacing?: boolean;
+    api: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined;
 }
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props<MediaPluginState> & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<Props<MediaPluginState> & WrappedComponentProps<"intl">>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
 };
 export default _default;

package/dist/types-ts4.5/plugins/quick-insert/index.d.ts

@@ -1,8 +1,7 @@
 import type { QuickInsertItem } from '@atlaskit/editor-common/provider-factory';
-import type { NextEditorPlugin, Command } from '../../types';
-import type { QuickInsertPluginOptions, QuickInsertSharedState, EditorCommand, QuickInsertSearchOptions } from '@atlaskit/editor-common/types';
+import type { NextEditorPlugin, Command, QuickInsertPluginOptions, QuickInsertSharedState, EditorCommand, QuickInsertSearchOptions } from '@atlaskit/editor-common/types';
 export type { QuickInsertPluginOptions };
-declare const quickInsertPlugin: NextEditorPlugin<'quickInsert', {
+export type QuickInsertPlugin = NextEditorPlugin<'quickInsert', {
     pluginConfiguration: QuickInsertPluginOptions | undefined;
     sharedState: QuickInsertSharedState | null;
     actions: {
@@ -13,4 +12,5 @@ declare const quickInsertPlugin: NextEditorPlugin<'quickInsert', {
         openElementBrowserModal: EditorCommand;
     };
 }>;
+declare const quickInsertPlugin: QuickInsertPlugin;
 export default quickInsertPlugin;

package/dist/types-ts4.5/{ui/ElementBrowser → plugins/quick-insert/ui/ModalElementBrowser}/ModalElementBrowser.d.ts

@@ -1,8 +1,9 @@
 /** @jsx jsx */
 import React from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
-import { QuickInsertItem } from '@atlaskit/editor-common/provider-factory';
-import { EmptyStateHandler } from '../../types/empty-state-handler';
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { QuickInsertItem } from '@atlaskit/editor-common/provider-factory';
+import type { EmptyStateHandler } from '@atlaskit/editor-common/types';
+export declare const MODAL_WRAPPER_PADDING = 16;
 export interface Props {
     getItems: (query?: string, category?: string) => QuickInsertItem[];
     onInsertItem: (item: QuickInsertItem) => void;

package/dist/types-ts4.5/{ui/ElementBrowser → plugins/quick-insert/ui/ModalElementBrowser}/categories.d.ts

@@ -1,4 +1,4 @@
-import { IntlShape } from 'react-intl-next';
+import type { IntlShape } from 'react-intl-next';
 export declare function getCategories(intl: IntlShape): {
     title: string;
     name: string;

package/dist/types-ts4.5/plugins/quick-insert/ui/ModalElementBrowser/index.d.ts

@@ -1,8 +1,11 @@
 /// <reference types="react" />
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { QuickInsertPlugin } from '../../';
 type Props = {
     editorView: EditorView;
     helpUrl: string | undefined;
+    pluginInjectionAPI: ExtractInjectionAPI<QuickInsertPlugin> | undefined;
 };
-declare const _default: ({ editorView, helpUrl }: Props) => JSX.Element;
+declare const _default: ({ editorView, helpUrl, pluginInjectionAPI }: Props) => JSX.Element;
 export default _default;

package/dist/types-ts4.5/ui/ElementBrowser/types.d.ts

@@ -1,22 +1,10 @@
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
-import type { BlockMenuItem } from '../../plugins/insert-block/ui/ToolbarInsertBlock/create-items';
-import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { PluginInjectionAPIWithDependencies } from '@atlaskit/editor-common/types';
+import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
 import type { InsertBlockPluginDependencies } from '../../plugins/insert-block/types';
+import type { BlockMenuItem } from '../../plugins/insert-block/ui/ToolbarInsertBlock/create-items';
 type SimpleEventHandler<T> = (event?: T) => void;
-export type Category = {
-    title: string;
-    name: string;
-};
-export declare enum Modes {
-    full = "full",
-    inline = "inline"
-}
-export type SelectedItemProps = {
-    selectedItemIndex?: number;
-    focusedItemIndex?: number;
-};
 export interface InsertMenuProps {
     dropdownItems: BlockMenuItem[];
     editorView: EditorView;
@@ -25,10 +13,10 @@ export interface InsertMenuProps {
     onInsert: OnInsert;
     pluginInjectionApi: PluginInjectionAPIWithDependencies<InsertBlockPluginDependencies> | undefined;
 }
-export type OnInsert = ({ item }: {
-    item: MenuItem;
-}) => Transaction;
 export type SvgGetterParams = {
     name: string;
 };
+export type OnInsert = ({ item }: {
+    item: MenuItem;
+}) => Transaction;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "187.40.2",
+  "version": "187.41.1",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -55,7 +55,7 @@
     "@atlaskit/code": "^14.6.0",
     "@atlaskit/date": "^0.10.0",
     "@atlaskit/datetime-picker": "^12.9.0",
-    "@atlaskit/editor-common": "^74.57.0",
+    "@atlaskit/editor-common": "^74.58.0",
     "@atlaskit/editor-json-transformer": "^8.10.0",
     "@atlaskit/editor-markdown-transformer": "^5.2.5",
     "@atlaskit/editor-palette": "1.5.1",

package/report.api.md

@@ -1287,7 +1287,7 @@ export interface MediaOptions {
   // (undocumented)
   allowResizingInTables?: boolean;
   // (undocumented)
-  allowTemplatePlaceholders?: PlaceholderTextOptions | boolean;
+  allowTemplatePlaceholders?: PlaceholderTextOptions_2 | boolean;
   // (undocumented)
   altTextValidator?: (value: string) => string[];
   // (undocumented)
@@ -1671,6 +1671,12 @@ interface PlaceholderTextOptions {
   allowInserting?: boolean;
 }
 
+// @public (undocumented)
+interface PlaceholderTextOptions_2 {
+  // (undocumented)
+  allowInserting?: boolean;
+}
+
 export { PortalProvider };
 
 export { PortalProviderAPI };

package/tmp/api-report-tmp.d.ts

@@ -1162,7 +1162,7 @@ export interface MediaOptions {
     // (undocumented)
     allowResizingInTables?: boolean;
     // (undocumented)
-    allowTemplatePlaceholders?: PlaceholderTextOptions | boolean;
+    allowTemplatePlaceholders?: PlaceholderTextOptions_2 | boolean;
     // (undocumented)
     altTextValidator?: (value: string) => string[];
     // (undocumented)
@@ -1500,6 +1500,12 @@ interface PlaceholderTextOptions {
     allowInserting?: boolean;
 }
 
+// @public (undocumented)
+interface PlaceholderTextOptions_2 {
+    // (undocumented)
+    allowInserting?: boolean;
+}
+
 export { PortalProvider }
 
 export { PortalProviderAPI }

package/dist/cjs/ui/ElementBrowser/ElementBrowser.js

@@ -1,152 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _StatelessElementBrowser = _interopRequireDefault(require("./components/StatelessElementBrowser"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
-var ElementBrowser = /*#__PURE__*/function (_PureComponent) {
-  (0, _inherits2.default)(ElementBrowser, _PureComponent);
-  var _super = _createSuper(ElementBrowser);
-  function ElementBrowser() {
-    var _this;
-    (0, _classCallCheck2.default)(this, ElementBrowser);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      categories: [],
-      items: [],
-      searchTerm: '',
-      selectedCategory: _this.props.defaultCategory
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getCategories", function () {
-      var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.fetchItems();
-      return (
-        // NOTE: we fetch all items to determine available categories.
-        _this.filterCategories(items, _this.props.categories)
-      );
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "filterCategories", function (items) {
-      var categories = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-      var showCategories = _this.props.showCategories;
-      if (!showCategories) {
-        return [];
-      }
-      return categories.filter(function (category) {
-        return category.name === 'all' || items.some(function (item) {
-          return (item.categories || []).includes(category.name);
-        });
-      });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "fetchItems", function (query, category) {
-      return _this.props.getItems(query, category);
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSearch", function (searchTerm) {
-      var defaultCategory = _this.props.defaultCategory;
-      _this.setState({
-        searchTerm: searchTerm,
-        selectedCategory: defaultCategory
-      });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleCategorySelection", function (clickedCategory) {
-      var stateCategoryValue = _this.state.selectedCategory;
-
-      /**
-       * Reset selection if clicked on the same category twice.
-       */
-      if (stateCategoryValue === clickedCategory.name) {
-        return _this.setState({
-          selectedCategory: _this.props.defaultCategory
-        });
-      }
-      _this.setState({
-        selectedCategory: clickedCategory.name,
-        searchTerm: ''
-      });
-    });
-    return _this;
-  }
-  (0, _createClass2.default)(ElementBrowser, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var items = this.fetchItems();
-      this.setState({
-        items: items,
-        categories: this.getCategories(items)
-      });
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState) {
-      var _this$state = this.state,
-        searchTerm = _this$state.searchTerm,
-        selectedCategory = _this$state.selectedCategory;
-
-      // Update both items and categories when there's a new getItems
-      if (this.props.getItems !== prevProps.getItems) {
-        this.setState({
-          categories: this.getCategories(),
-          items: this.fetchItems(searchTerm, selectedCategory)
-        });
-      } else if (searchTerm !== prevState.searchTerm || selectedCategory !== prevState.selectedCategory) {
-        this.setState({
-          items: this.fetchItems(searchTerm, selectedCategory)
-        });
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        onInsertItem = _this$props.onInsertItem,
-        onSelectItem = _this$props.onSelectItem,
-        showSearch = _this$props.showSearch,
-        showCategories = _this$props.showCategories,
-        mode = _this$props.mode,
-        emptyStateHandler = _this$props.emptyStateHandler,
-        viewMoreItem = _this$props.viewMoreItem;
-      var _this$state2 = this.state,
-        categories = _this$state2.categories,
-        searchTerm = _this$state2.searchTerm,
-        selectedCategory = _this$state2.selectedCategory,
-        items = _this$state2.items;
-      return /*#__PURE__*/_react.default.createElement(_StatelessElementBrowser.default, {
-        items: items,
-        categories: categories,
-        onSearch: this.handleSearch,
-        onSelectCategory: this.handleCategorySelection,
-        onSelectItem: onSelectItem,
-        onInsertItem: onInsertItem,
-        selectedCategory: selectedCategory,
-        showSearch: showSearch,
-        showCategories: showCategories,
-        mode: mode,
-        searchTerm: searchTerm,
-        emptyStateHandler: emptyStateHandler,
-        viewMoreItem: viewMoreItem
-      });
-    }
-  }]);
-  return ElementBrowser;
-}(_react.PureComponent);
-exports.default = ElementBrowser;
-(0, _defineProperty2.default)(ElementBrowser, "defaultProps", {
-  defaultCategory: 'all',
-  onInsertItem: function onInsertItem() {}
-});

package/dist/cjs/ui/ElementBrowser/ViewMore.js

@@ -1,39 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ViewMore = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
-var _menu = require("@atlaskit/menu");
-var _templateObject, _templateObject2;
-/** @jsx jsx */
-var itemBefore = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 40px;\n  height: 40px;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: ", ";\n"])), "var(--ds-space-050, 4px)");
-var ViewMore = function ViewMore(_ref) {
-  var item = _ref.item,
-    focus = _ref.focus;
-  var ref = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
-    if (ref.current && focus) {
-      ref.current.focus();
-    }
-  }, [focus]);
-  return (0, _react2.jsx)(_menu.Section, {
-    hasSeparator: true
-  }, (0, _react2.jsx)(_menu.ButtonItem, {
-    onClick: item.action,
-    iconBefore: (0, _react2.jsx)("div", {
-      css: itemBefore
-    }, item.icon()),
-    "aria-describedby": item.title,
-    "data-testid": "view-more-elements-item"
-    // @ts-ignore Overriding Menu styles is not supported
-    ,
-    css: (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n          padding: 0px 12px;\n        "]))),
-    ref: ref
-  }, item.title));
-};
-exports.ViewMore = ViewMore;

package/dist/cjs/ui/ElementBrowser/components/CategoryList.js

@@ -1,115 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = require("@emotion/react");
-var _react2 = _interopRequireWildcard(require("react"));
-var _colors = require("@atlaskit/theme/colors");
-var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
-var _analyticsNext = require("@atlaskit/analytics-next");
-var _constants = require("../constants");
-var _useFocus = _interopRequireDefault(require("../hooks/use-focus"));
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _templateObject;
-var _excluded = ["categories"],
-  _excluded2 = ["buttonStyles"];
-/** @jsx jsx */
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-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; }
-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; }
-function CategoryList(_ref) {
-  var _ref$categories = _ref.categories,
-    categories = _ref$categories === void 0 ? [] : _ref$categories,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _React$useState = _react2.default.useState(null),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    focusedCategoryIndex = _React$useState2[0],
-    setFocusedCategoryIndex = _React$useState2[1];
-  return (0, _react.jsx)(_react2.Fragment, null, categories.map(function (category, index) {
-    return (0, _react.jsx)(CategoryListItem, (0, _extends2.default)({
-      key: category.title,
-      index: index,
-      category: category,
-      focus: focusedCategoryIndex === index,
-      setFocusedCategoryIndex: setFocusedCategoryIndex
-    }, props));
-  }));
-}
-function CategoryListItem(_ref2) {
-  var category = _ref2.category,
-    onSelectCategory = _ref2.onSelectCategory,
-    selectedCategory = _ref2.selectedCategory,
-    index = _ref2.index,
-    focus = _ref2.focus,
-    setFocusedCategoryIndex = _ref2.setFocusedCategoryIndex,
-    createAnalyticsEvent = _ref2.createAnalyticsEvent;
-  var ref = (0, _useFocus.default)(focus);
-  var onClick = (0, _react2.useCallback)(function () {
-    onSelectCategory(category);
-
-    /**
-     * When user double clicks on same category, focus on first item.
-     */
-    if (selectedCategory === category.name) {
-      setFocusedCategoryIndex(0);
-    } else {
-      setFocusedCategoryIndex(index);
-    }
-    (0, _analytics.fireAnalyticsEvent)(createAnalyticsEvent)({
-      payload: {
-        action: _analytics.ACTION.CLICKED,
-        actionSubject: _analytics.ACTION_SUBJECT.BUTTON,
-        actionSubjectId: _analytics.ACTION_SUBJECT_ID.BUTTON_CATEGORY,
-        eventType: _analytics.EVENT_TYPE.TRACK
-      }
-    });
-  }, [onSelectCategory, category, index, selectedCategory, setFocusedCategoryIndex, createAnalyticsEvent]);
-  var onFocus = (0, _react2.useCallback)(function () {
-    if (!focus) {
-      setFocusedCategoryIndex(index);
-    }
-  }, [focus, index, setFocusedCategoryIndex]);
-  var getTheme = (0, _react2.useCallback)(function (currentTheme, themeProps) {
-    var _currentTheme = currentTheme(themeProps),
-      buttonStyles = _currentTheme.buttonStyles,
-      rest = (0, _objectWithoutProperties2.default)(_currentTheme, _excluded2);
-    return _objectSpread({
-      buttonStyles: _objectSpread(_objectSpread({}, buttonStyles), {}, {
-        textAlign: 'start',
-        marginLeft: '2px',
-        height: '100%',
-        width: '100%',
-        color: category.name !== selectedCategory ? "var(--ds-text, ".concat(_colors.N800, ")") : "var(--ds-text-selected, ".concat(_colors.B400, ")")
-      }, category.name === selectedCategory && {
-        background: "var(--ds-background-selected, ".concat(_colors.B50, ")")
-      })
-    }, rest);
-  }, [category.name, selectedCategory]);
-  return (0, _react.jsx)("div", {
-    css: buttonWrapper
-  }, (0, _react.jsx)(_customThemeButton.default, {
-    appearance: "subtle",
-    isSelected: selectedCategory === category.name,
-    onClick: onClick,
-    onFocus: onFocus,
-    theme: getTheme,
-    ref: ref,
-    testId: "element-browser-category-item"
-  }, category.title));
-}
-var buttonWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  height: ", "px;\n  margin: 4px 4px 4px 0;\n\n  @media (min-width: ", "px) {\n    :not(:last-child) {\n      margin-bottom: 0;\n    }\n  }\n"])), _constants.GRID_SIZE * 4, _constants.DEVICE_BREAKPOINT_NUMBERS.medium);
-var MemoizedCategoryListWithAnalytics = /*#__PURE__*/(0, _react2.memo)((0, _analyticsNext.withAnalyticsContext)({
-  component: 'CategoryList'
-})(CategoryList));
-var _default = MemoizedCategoryListWithAnalytics;
-exports.default = _default;

package/dist/cjs/ui/ElementBrowser/components/ElementBrowserLoader.js

@@ -1,36 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = require("@emotion/react");
-var _react2 = _interopRequireDefault(require("react"));
-var _reactLoadable = _interopRequireDefault(require("react-loadable"));
-var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
-var _templateObject;
-/** @jsx jsx */
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var spinnerContainer = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  width: 100%;\n"])));
-var ElementBrowserLoader = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-element-browser" */'../ElementBrowser'));
-    }).then(function (module) {
-      return module.default;
-    });
-  },
-  loading: function loading() {
-    return (0, _react.jsx)("div", {
-      css: spinnerContainer
-    }, (0, _react.jsx)(_spinner.default, {
-      size: "medium"
-    }));
-  }
-});
-var _default = ElementBrowserLoader;
-exports.default = _default;