@atlaskit/editor-core 148.0.0 → 149.0.3

package/dist/es2019/plugins/type-ahead/ui/hooks/use-resize-observer.js

@@ -0,0 +1,53 @@
+import React, { useMemo, useEffect, useContext, useLayoutEffect, createContext } from 'react';
+import { browser } from '@atlaskit/editor-common';
+const Context = /*#__PURE__*/createContext(null);
+export const ResizeObserverContext = Context;
+export const ResizeObserverProvider = /*#__PURE__*/React.memo(({
+  children
+}) => {
+  const instance = useMemo(() => {
+    if (!browser.supportsResizeObserver) {
+      return null;
+    }
+
+    return new window.ResizeObserver(entries => {
+      entries.forEach(entry => {
+        const {
+          onResize
+        } = entry.target;
+
+        if (onResize) {
+          onResize(entry);
+        }
+      });
+    });
+  }, []);
+  useEffect(() => {
+    return () => {
+      if (instance) {
+        instance.disconnect();
+      }
+    };
+  }, [instance]);
+  return /*#__PURE__*/React.createElement(Context.Provider, {
+    value: instance
+  }, children);
+});
+export const useResizeObserver = (targetRef, onResize) => {
+  const resizeObserver = useContext(Context);
+  useLayoutEffect(() => {
+    if (!targetRef || !targetRef.current || resizeObserver === null) {
+      return;
+    }
+
+    const {
+      current: target
+    } = targetRef;
+    target.onResize = onResize;
+    resizeObserver.observe(target);
+    return () => {
+      resizeObserver.unobserve(target);
+      delete target.onResize;
+    };
+  }, [targetRef, resizeObserver, onResize]);
+};

package/dist/es2019/plugins/type-ahead/utils.js

@@ -0,0 +1,93 @@
+import { TextSelection } from 'prosemirror-state';
+import { DecorationSet } from 'prosemirror-view';
+import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
+import { pluginKey as typeAheadPluginKey } from './pm-plugins/key';
+import { updateSelectedIndex } from './commands/update-selected-index';
+import { StatsModifier } from './stats-modifier';
+export const findTypeAheadDecorations = state => {
+  const {
+    selection
+  } = state;
+  const {
+    decorationSet
+  } = typeAheadPluginKey.getState(state);
+
+  if (!decorationSet || decorationSet === DecorationSet.empty || !(selection instanceof TextSelection) || !selection.$cursor) {
+    return null;
+  }
+
+  const {
+    $cursor: {
+      pos
+    }
+  } = selection;
+  const decoration = decorationSet.find(pos, pos, spec => spec === null || spec === void 0 ? void 0 : spec.isTypeAheadDecoration);
+
+  if (!decoration || decoration.length !== 1) {
+    return null;
+  }
+
+  return decoration[0];
+};
+export const isTypeAheadHandler = handler => {
+  return handler && Object.values(TypeAheadAvailableNodes).includes(handler.id) && typeof handler.trigger === 'string' && typeof handler.selectItem === 'function' && typeof handler.getItems === 'function';
+};
+export const isTypeAheadOpen = editorState => {
+  var _typeAheadPluginKey$g, _typeAheadPluginKey$g2;
+
+  return (typeAheadPluginKey === null || typeAheadPluginKey === void 0 ? void 0 : (_typeAheadPluginKey$g = typeAheadPluginKey.getState(editorState)) === null || _typeAheadPluginKey$g === void 0 ? void 0 : (_typeAheadPluginKey$g2 = _typeAheadPluginKey$g.decorationSet) === null || _typeAheadPluginKey$g2 === void 0 ? void 0 : _typeAheadPluginKey$g2.find().length) > 0;
+};
+export const getPluginState = editorState => {
+  return typeAheadPluginKey.getState(editorState);
+};
+export const getTypeAheadHandler = editorState => {
+  return typeAheadPluginKey.getState(editorState).triggerHandler;
+};
+export const getTypeAheadQuery = editorState => {
+  return typeAheadPluginKey.getState(editorState).query;
+};
+export const isTypeAheadAllowed = state => {
+  const isOpen = isTypeAheadOpen(state); // if the TypeAhead is open
+  // we should not allow it
+
+  return !isOpen;
+};
+export const findHandler = (id, state) => {
+  const pluginState = typeAheadPluginKey.getState(state);
+
+  if (!pluginState || !pluginState.typeAheadHandlers || pluginState.typeAheadHandlers.length === 0) {
+    return null;
+  }
+
+  const {
+    typeAheadHandlers
+  } = pluginState;
+  return typeAheadHandlers.find(h => h.id === id) || null;
+};
+export const moveSelectedIndex = ({
+  editorView,
+  direction
+}) => () => {
+  const typeAheadState = getPluginState(editorView.state);
+
+  if (!typeAheadState) {
+    return;
+  }
+
+  const {
+    selectedIndex,
+    items
+  } = typeAheadState;
+  const stats = typeAheadState.stats instanceof StatsModifier ? typeAheadState.stats : new StatsModifier();
+  let nextIndex = 0;
+
+  if (direction === 'next') {
+    stats.increaseArrowDown();
+    nextIndex = selectedIndex >= items.length - 1 ? 0 : selectedIndex + 1;
+  } else {
+    stats.increaseArrowUp();
+    nextIndex = selectedIndex === 0 ? items.length - 1 : selectedIndex - 1;
+  }
+
+  updateSelectedIndex(nextIndex)(editorView.state, editorView.dispatch);
+};

package/dist/es2019/plugins/undo-redo/ui/ToolbarUndoRedo/index.js

@@ -6,7 +6,34 @@ import { undo as undoKeymap, redo as redoKeymap, ToolTipContent } from '../../..
 import { ButtonGroup, Separator } from '../../../../ui/styles';
 import ToolbarButton, { TOOLBAR_BUTTON } from '../../../../ui/ToolbarButton';
 import { messages } from '../../messages';
+import { createTypeAheadTools } from '../../../type-ahead/api';
 import { undoFromToolbar, redoFromToolbar } from '../../commands';
+
+const closeTypeAheadAndRunCommand = editorView => command => {
+  if (!editorView) {
+    return;
+  }
+
+  const tool = createTypeAheadTools(editorView);
+
+  if (tool.isOpen()) {
+    tool.close({
+      attachCommand: command,
+      insertCurrentQueryAsRawText: false
+    });
+  } else {
+    command(editorView.state, editorView.dispatch);
+  }
+};
+
+const forceFocus = editorView => command => {
+  closeTypeAheadAndRunCommand(editorView)(command);
+
+  if (!editorView.hasFocus()) {
+    editorView.focus();
+  }
+};
+
 export class ToolbarUndoRedo extends PureComponent {
   render() {
     const {
@@ -20,11 +47,11 @@ export class ToolbarUndoRedo extends PureComponent {
     } = this.props;
 
     const handleUndo = () => {
-      undoFromToolbar(editorView.state, editorView.dispatch);
+      forceFocus(editorView)(undoFromToolbar);
     };
 
     const handleRedo = () => {
-      redoFromToolbar(editorView.state, editorView.dispatch);
+      forceFocus(editorView)(redoFromToolbar);
     };
 
     const labelUndo = formatMessage(messages.undo);

package/dist/es2019/plugins/view-update-subscription/index.js

@@ -24,7 +24,7 @@ class Tracker {
 const pluginKey = new PluginKey('viewUpdateSubscriptionKey');
 
 const createViewUpdateSubscriptionPlugin = () => {
-  const tracker = new Tracker();
+  let tracker;
   const lastUpdateRef = {
     current: null,
     initial: null,
@@ -38,12 +38,14 @@ const createViewUpdateSubscriptionPlugin = () => {
         key: pluginKey,
 
         view(editorView) {
-          trackerStore.set(editorView, tracker);
-          return {
-            destroy: () => {
-              trackerStore.delete(editorView);
-            }
-          };
+          tracker = trackerStore.get(editorView);
+
+          if (!tracker) {
+            tracker = new Tracker();
+            trackerStore.set(editorView, tracker);
+          }
+
+          return {};
         }
 
       });
@@ -62,17 +64,20 @@ const createViewUpdateSubscriptionPlugin = () => {
         lastUpdateRef.initial = props;
         lastUpdateRef.queued = true;
         queueMicrotask(() => {
-          var _lastUpdateRef$initia;
-
           if (!lastUpdateRef.current || !lastUpdateRef.initial) {
             return;
           }
 
-          tracker.update({
-            newEditorState: lastUpdateRef.current.newEditorState,
-            oldEditorState: (_lastUpdateRef$initia = lastUpdateRef.initial) === null || _lastUpdateRef$initia === void 0 ? void 0 : _lastUpdateRef$initia.oldEditorState,
-            transactions: lastUpdateRef.transactions
-          });
+          if (tracker) {
+            var _lastUpdateRef$initia;
+
+            tracker.update({
+              newEditorState: lastUpdateRef.current.newEditorState,
+              oldEditorState: (_lastUpdateRef$initia = lastUpdateRef.initial) === null || _lastUpdateRef$initia === void 0 ? void 0 : _lastUpdateRef$initia.oldEditorState,
+              transactions: lastUpdateRef.transactions
+            });
+          }
+
           lastUpdateRef.queued = false;
           lastUpdateRef.current = null;
           lastUpdateRef.transactions = [];

package/dist/es2019/plugins/view-update-subscription/subscribe/toolbarAndPickerUpdates.js

@@ -2,6 +2,7 @@ import { pluginKey as datePluginKey } from '../../date/pm-plugins/plugin-key';
 import { pluginKey as floatingToolbarPluginKey } from '../../floating-toolbar';
 import { pluginKey as statusPluginKey } from '../../status/plugin-key';
 import { areSameItems } from '../../floating-toolbar/ui/Toolbar';
+import { isTypeAheadOpen } from '../../type-ahead/utils';
 import { trackerStore } from '..';
 
 const areToolbarsSame = (left, right) => {
@@ -35,6 +36,13 @@ export const subscribeToToolbarAndPickerUpdates = (editorView, cb) => {
   const subscription = ({
     newEditorState
   }) => {
+    // TypeAhead has priority in the mobile-bridge
+    // In case it is open we don't need to send
+    // any toolbar updates don't need to be send
+    if (isTypeAheadOpen(newEditorState)) {
+      return;
+    }
+
     const dateState = datePluginKey.getState(newEditorState);
     const statusState = statusPluginKey.getState(newEditorState);
     const {
@@ -52,9 +60,7 @@ export const subscribeToToolbarAndPickerUpdates = (editorView, cb) => {
       const oldToolbarConfig = getOldConfigWithNodeInfo(lastUpdatedState);
       const isToolbarEqual = areToolbarsSame(toolbarConfig, oldToolbarConfig);
 
-      if (dateState !== oldDateState || statusState !== oldStatusState || // Sometimes the toolbar changes while a picker is open, we dont care about this
-      // EG A nested status or date node in a table
-      !isToolbarEqual && !statusState.showStatusPickerAt && !dateState.showDatePickerAt) {
+      if (dateState !== oldDateState || statusState !== oldStatusState || !isToolbarEqual && !statusState.showStatusPickerAt && !dateState.showDatePickerAt) {
         shouldCallback = true;
       }
     } else {

package/dist/es2019/plugins/view-update-subscription/subscribe/type-ahead-updates.js

@@ -0,0 +1,34 @@
+import { trackerStore } from '..';
+import { pluginKey as typeAheadPluginKey } from '../../type-ahead/pm-plugins/key';
+export const subscribeTypeAheadUpdates = (editorView, cb) => {
+  const subscription = ({
+    newEditorState,
+    oldEditorState
+  }) => {
+    const newPluginState = typeAheadPluginKey.getState(newEditorState);
+    const oldPluginState = typeAheadPluginKey.getState(oldEditorState);
+
+    if (!oldPluginState || !newPluginState) {
+      return;
+    }
+
+    cb({
+      oldPluginState,
+      newPluginState
+    });
+  };
+
+  const tracker = trackerStore.get(editorView);
+
+  if (tracker) {
+    tracker.add(subscription);
+  }
+
+  return () => {
+    const tracker = trackerStore.get(editorView);
+
+    if (tracker) {
+      tracker.remove(subscription);
+    }
+  };
+};

package/dist/es2019/test-utils.js

@@ -3,7 +3,14 @@ import { sortByOrder } from './create-editor/sort-by-order';
 import { Preset } from './labs/next/presets/preset';
 import { createSchema } from './create-editor/create-schema';
 import basePlugin from './plugins/base';
+import { analyticsPluginKey } from './plugins/analytics/plugin-key';
+export { createTypeAheadTools } from './plugins/type-ahead/api';
 export { Preset } from './labs/next/presets/preset';
+export function getFireAnalytics(editorView) {
+  var _analyticsPluginKey$g;
+
+  return analyticsPluginKey === null || analyticsPluginKey === void 0 ? void 0 : (_analyticsPluginKey$g = analyticsPluginKey.getState(editorView.state)) === null || _analyticsPluginKey$g === void 0 ? void 0 : _analyticsPluginKey$g.fireAnalytics;
+}
 
 function lightProcessPluginsList(editorPlugins) {
   /**

package/dist/es2019/types/empty-state-handler.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/ui/ConfigPanel/Fields/ColorPicker.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React from 'react';
 import { Field } from '@atlaskit/form';
 import { DEFAULT_BORDER_COLOR } from '../../../ui/ColorPalette/Palettes/common';
 import { isValidHex } from '../utils';
@@ -118,7 +118,6 @@ const ColorPicker = props => {
     title,
     currentColor,
     colorPalette,
-    fieldProps,
     onChange,
     onFieldChange
   } = props;
@@ -131,7 +130,6 @@ const ColorPicker = props => {
     }
 
     onChange(colorValue);
-    fieldProps.onChange(colorValue);
     onFieldChange(name, currentColor !== colorValue);
   };
 
@@ -160,11 +158,10 @@ const ColorPickerField = ({
     defaultValue,
     isRequired
   } = field;
-  const [currentColor, setCurrentColor] = useState(defaultValue || '');
   return /*#__PURE__*/React.createElement(Field, {
     name: name,
     isRequired: isRequired,
-    defaultValue: currentColor,
+    defaultValue: defaultValue,
     validate: value => validate(field, value || '')
   }, ({
     fieldProps,
@@ -174,10 +171,9 @@ const ColorPickerField = ({
   }, "*")), /*#__PURE__*/React.createElement(ColorPicker, {
     name: name,
     title: label,
-    currentColor: currentColor,
+    currentColor: fieldProps.value,
     colorPalette: colorPalette,
-    fieldProps: fieldProps,
-    onChange: setCurrentColor,
+    onChange: fieldProps.onChange,
     onFieldChange: onFieldChange
   })), error && /*#__PURE__*/React.createElement(FieldMessages, {
     error: error,

package/dist/es2019/ui/ConfigPanel/transformers.js

@@ -66,16 +66,16 @@ export const serialize = async (manifest, data, fields, depth = 0) => {
       } // WARNING: don't recursively serialize, limit to depth < 1
       // serializable?
       else if (isFieldset(field) && depth === 0) {
-          const fieldSerializer = await getFieldSerializer(manifest, field.options.transformer);
-
-          if (fieldSerializer) {
-            const {
-              fields: fieldsetFields
-            } = field;
-            const extracted = await serialize(manifest, value, fieldsetFields, depth + 1);
-            value = fieldSerializer(extracted);
-          }
+        const fieldSerializer = await getFieldSerializer(manifest, field.options.transformer);
+
+        if (fieldSerializer) {
+          const {
+            fields: fieldsetFields
+          } = field;
+          const extracted = await serialize(manifest, value, fieldsetFields, depth + 1);
+          value = fieldSerializer(extracted);
         }
+      }
 
       result.push({
         [field.name]: value

package/dist/es2019/ui/ElementBrowser/ElementBrowser.js

@@ -94,7 +94,8 @@ export default class ElementBrowser extends PureComponent {
       onSelectItem,
       showSearch,
       showCategories,
-      mode
+      mode,
+      emptyStateHandler
     } = this.props;
     const {
       categories,
@@ -113,7 +114,8 @@ export default class ElementBrowser extends PureComponent {
       showSearch: showSearch,
       showCategories: showCategories,
       mode: mode,
-      searchTerm: searchTerm
+      searchTerm: searchTerm,
+      emptyStateHandler: emptyStateHandler
     });
   }
 

package/dist/es2019/ui/ElementBrowser/InsertMenu.js

@@ -67,6 +67,7 @@ const InsertMenu = ({
   }, /*#__PURE__*/React.createElement(ElementBrowser, {
     mode: "inline",
     getItems: getItems(quickInsertState),
+    emptyStateHandler: quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.emptyStateHandler,
     onInsertItem: onInsertItem,
     showSearch: true,
     showCategories: false // On page resize we want the InlineElementBrowser to show updated tools/overflow items

package/dist/es2019/ui/ElementBrowser/ModalElementBrowser.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React, { useState, useCallback } from 'react';
 import styled from 'styled-components';
 import { injectIntl } from 'react-intl';
@@ -6,7 +5,7 @@ import { DN50, N0 } from '@atlaskit/theme/colors';
 import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Button from '@atlaskit/button/custom-theme-button';
-import Modal, { ModalFooter, ModalTransition } from '@atlaskit/modal-dialog';
+import Modal, { ModalTransition, useModal } from '@atlaskit/modal-dialog';
 import QuestionCircleIcon from '@atlaskit/icon/glyph/question-circle';
 import ElementBrowser from './components/ElementBrowserLoader';
 import { getCategories } from './categories';
@@ -25,10 +24,10 @@ const ModalElementBrowser = props => {
   const onInsertItem = useCallback(item => {
     props.onInsertItem(item);
   }, [props]);
-  const RenderFooter = useCallback(footerProps => /*#__PURE__*/React.createElement(Footer, _extends({}, footerProps, {
+  const RenderFooter = useCallback(() => /*#__PURE__*/React.createElement(Footer, {
     onInsert: () => onInsertItem(selectedItem),
     beforeElement: helpUrl ? HelpLink(helpUrl, intl.formatMessage(messages.help)) : undefined
-  })), [onInsertItem, selectedItem, helpUrl, intl]); // Since Modal uses stackIndex it's shouldCloseOnEscapePress prop doesn't work.
+  }), [onInsertItem, selectedItem, helpUrl, intl]); // Since Modal uses stackIndex it's shouldCloseOnEscapePress prop doesn't work.
 
   const onKeyDown = useCallback(e => {
     if (e.key === 'Escape') {
@@ -42,12 +41,9 @@ const ModalElementBrowser = props => {
     showCategories: true,
     mode: "full",
     onSelectItem: onSelectItem,
-    onInsertItem: onInsertItem
-  })), [props.intl, props.getItems, onSelectItem, onInsertItem]);
-  const components = {
-    Body: RenderBody,
-    Footer: RenderFooter
-  };
+    onInsertItem: onInsertItem,
+    emptyStateHandler: props.emptyStateHandler
+  })), [props.intl, props.getItems, onSelectItem, onInsertItem, props.emptyStateHandler]);
   return /*#__PURE__*/React.createElement("div", {
     "data-editor-popup": true,
     onClick: onModalClick,
@@ -60,12 +56,11 @@ const ModalElementBrowser = props => {
     onClose: props.onClose,
     height: "664px",
     width: "x-large",
-    autoFocus: false,
-    components: components // defaults to true and doesn't work along with stackIndex=1.
+    autoFocus: false // defaults to true and doesn't work along with stackIndex=1.
     // packages/design-system/modal-dialog/src/components/Content.tsx Line 287
     ,
     shouldCloseOnEscapePress: false
-  })));
+  }, /*#__PURE__*/React.createElement(RenderBody, null), /*#__PURE__*/React.createElement(RenderFooter, null))));
 };
 
 ModalElementBrowser.displayName = 'ModalElementBrowser'; // Prevent ModalElementBrowser click propagation through to the editor.
@@ -74,16 +69,12 @@ const onModalClick = e => e.stopPropagation();
 
 const Footer = ({
   onInsert,
-  onClose,
-  showKeyline,
   beforeElement
 }) => {
-  return /*#__PURE__*/React.createElement(ModalFooter, {
-    showKeyline: showKeyline,
-    style: {
-      padding: MODAL_WRAPPER_PADDING
-    }
-  }, beforeElement ? beforeElement : /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement(Actions, null, /*#__PURE__*/React.createElement(ActionItem, null, /*#__PURE__*/React.createElement(Button, {
+  const {
+    onClose
+  } = useModal();
+  return /*#__PURE__*/React.createElement(ModalFooter, null, beforeElement ? beforeElement : /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement(Actions, null, /*#__PURE__*/React.createElement(ActionItem, null, /*#__PURE__*/React.createElement(Button, {
     appearance: "primary",
     onClick: onInsert,
     testId: "ModalElementBrowser__insert-button"
@@ -125,4 +116,12 @@ const Wrapper = styled.div`
 })()};
   border-radius: ${borderRadius()}px;
 `;
+const ModalFooter = styled.div`
+  display: flex;
+  padding: ${MODAL_WRAPPER_PADDING}px;
+
+  position: relative;
+  align-items: center;
+  justify-content: space-between;
+`;
 export default injectIntl(ModalElementBrowser);

package/dist/es2019/ui/ElementBrowser/components/ElementList/ElementList.js

@@ -11,7 +11,7 @@ import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '../../../../plugins/analytics';
 import IconFallback from '../../../../plugins/quick-insert/assets/fallback';
-import { ItemIcon } from '../../../../plugins/type-ahead/ui/TypeAheadItemsList';
+import { ItemIcon } from '../../../../plugins/type-ahead/ui/TypeAheadListItem';
 import { Shortcut } from '../../../styles';
 import { ELEMENT_ITEM_HEIGHT, ELEMENT_LIST_PADDING, GRID_SIZE, SCROLLBAR_THUMB_COLOR, SCROLLBAR_TRACK_COLOR, SCROLLBAR_WIDTH } from '../../constants';
 import useContainerWidth from '../../hooks/use-container-width';
@@ -28,6 +28,9 @@ function ElementList({
   focusedItemIndex,
   setColumnCount,
   createAnalyticsEvent,
+  emptyStateHandler,
+  selectedCategory,
+  searchTerm,
   ...props
 }) {
   const {
@@ -77,7 +80,11 @@ function ElementList({
       focus: focusedItemIndex === index
     }, props)));
   }, [items, fullMode, selectedItemIndex, focusedItemIndex, props]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ContainerWidthMonitor, null), !items.length ? /*#__PURE__*/React.createElement(EmptyState, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ContainerWidthMonitor, null), !items.length ? emptyStateHandler ? emptyStateHandler({
+    mode,
+    selectedCategory,
+    searchTerm
+  }) : /*#__PURE__*/React.createElement(EmptyState, {
     onExternalLinkClick: onExternalLinkClick
   }) : /*#__PURE__*/React.createElement(ElementItemsWrapper, {
     "data-testid": "element-items"

package/dist/es2019/ui/ElementBrowser/components/StatelessElementBrowser.js

@@ -124,7 +124,8 @@ function MobileBrowser({
   onKeyPress,
   onKeyDown,
   searchTerm,
-  createAnalyticsEvent
+  createAnalyticsEvent,
+  emptyStateHandler
 }) {
   return /*#__PURE__*/React.createElement(MobileElementBrowserContainer, {
     onKeyPress: onKeyPress,
@@ -152,7 +153,10 @@ function MobileBrowser({
     focusedItemIndex: focusedItemIndex,
     setFocusedItemIndex: setFocusedItemIndex,
     setColumnCount: setColumnCount,
-    createAnalyticsEvent: createAnalyticsEvent
+    createAnalyticsEvent: createAnalyticsEvent,
+    emptyStateHandler: emptyStateHandler,
+    selectedCategory: selectedCategory,
+    searchTerm: searchTerm
   })));
 }
 
@@ -175,7 +179,8 @@ function DesktopBrowser({
   onKeyPress,
   onKeyDown,
   searchTerm,
-  createAnalyticsEvent
+  createAnalyticsEvent,
+  emptyStateHandler
 }) {
   return /*#__PURE__*/React.createElement(ElementBrowserContainer, {
     "data-testid": "desktop__element-browser"
@@ -207,7 +212,10 @@ function DesktopBrowser({
     focusedItemIndex: focusedItemIndex,
     setFocusedItemIndex: setFocusedItemIndex,
     setColumnCount: setColumnCount,
-    createAnalyticsEvent: createAnalyticsEvent
+    createAnalyticsEvent: createAnalyticsEvent,
+    emptyStateHandler: emptyStateHandler,
+    selectedCategory: selectedCategory,
+    searchTerm: searchTerm
   })));
 }
 

package/dist/es2019/ui/PanelTextInput/index.js

@@ -143,9 +143,7 @@ export default class PanelTextInput extends PureComponent {
   }
 
   isUndoEvent(event) {
-    return event.keyCode === KeyZCode && ( // cmd + z for mac
-    browser.mac && event.metaKey && !event.shiftKey || // ctrl + z for non-mac
-    !browser.mac && event.ctrlKey);
+    return event.keyCode === KeyZCode && (browser.mac && event.metaKey && !event.shiftKey || !browser.mac && event.ctrlKey);
   }
 
   isRedoEvent(event) {

package/dist/es2019/utils/compare.js

@@ -26,13 +26,13 @@ export const serializeValue = value => {
   } // Calling toString of function returns whole function text with body.
   // So, just return function with name.
   else if (valueType === 'function') {
-      return `function:${value.name}`;
-    } else if (valueType === 'object') {
-      return {
-        type: 'object',
-        keys: Object.keys(value)
-      };
-    }
+    return `function:${value.name}`;
+  } else if (valueType === 'object') {
+    return {
+      type: 'object',
+      keys: Object.keys(value)
+    };
+  }
 };
 export const getPropsDifference = (object1, object2, curDepth = 0, maxDepth = 2, keysToIgnore = []) => {
   const {

package/dist/es2019/utils/index.js

@@ -278,17 +278,16 @@ export function liftSelection(tr, doc, $from, $to) {
   let endPos = $to.end($to.depth);
   const target = Math.max(0, findAncestorPosition(doc, $from).depth - 1);
   tr.doc.nodesBetween(startPos, endPos, (node, pos) => {
-    if (node.isText || // Text node
-    node.isTextblock && !node.textContent // Empty paragraph
+    if (node.isText || node.isTextblock && !node.textContent // Empty paragraph
     ) {
-        const res = tr.doc.resolve(tr.mapping.map(pos));
-        const sel = new NodeSelection(res);
-        const range = sel.$from.blockRange(sel.$to);
+      const res = tr.doc.resolve(tr.mapping.map(pos));
+      const sel = new NodeSelection(res);
+      const range = sel.$from.blockRange(sel.$to);
 
-        if (liftTarget(range) !== undefined) {
-          tr.lift(range, target);
-        }
+      if (liftTarget(range) !== undefined) {
+        tr.lift(range, target);
       }
+    }
   });
   startPos = tr.mapping.map(startPos);
   endPos = tr.mapping.map(endPos);