@atlaskit/editor-core 187.8.10 → 187.8.13

package/dist/esm/ui/ElementBrowser/components/ElementSearch.js

@@ -19,6 +19,7 @@ function ElementSearch(_ref) {
     formatMessage = _ref.intl.formatMessage,
     focus = _ref.focus,
     onClick = _ref.onClick,
+    onKeyDown = _ref.onKeyDown,
     searchTerm = _ref.searchTerm;
   var ref = useFocus(focus);
   var onChange = function onChange(_ref2) {
@@ -34,6 +35,7 @@ function ElementSearch(_ref) {
     onChange: onChange,
     onClick: onClick,
     onFocus: onFocus,
+    onKeyDown: onKeyDown,
     onBlur: onBlur,
     elemBeforeInput: jsx("div", {
       css: elementBeforeInput,
@@ -65,10 +67,10 @@ var placeHolderMessage = {
   description: 'Search field placeholder'
 };
 var styledShortcut = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  padding: ", "px ", "px;\n  width: ", "px;\n"])), shortcutStyle, GRID_SIZE / 2, GRID_SIZE, GRID_SIZE * 6);
-var wrapper = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  & > [data-ds--text-field--container] {\n    height: ", "px;\n    border-radius: ", "px;\n    flex: 1 1 100%;\n    overflow: visible;\n    & > [data-ds--text-field--input] {\n      margin-bottom: 3px;\n      font-size: ", ";\n      padding: ", "px 6px ", "px 0;\n    }\n  }\n"])), GRID_SIZE * 6, GRID_SIZE, relativeFontSizeToBase16(14), GRID_SIZE, GRID_SIZE);
+var wrapper = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  & > [data-ds--text-field--container] {\n    height: ", "px;\n    border-radius: ", "px;\n    flex: 1 1 100%;\n    overflow: visible;\n    & > [data-ds--text-field--input] {\n      margin-bottom: 3px;\n      font-size: ", ";\n      padding: ", "px ", " ", "px 0;\n    }\n  }\n"])), GRID_SIZE * 6, GRID_SIZE, relativeFontSizeToBase16(14), GRID_SIZE, "var(--ds-space-075, 6px)", GRID_SIZE);
 var wrapperInline = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  & > [data-ds--text-field--container] {\n    height: ", "px;\n    flex: none;\n    overflow: revert;\n  }\n"])), GRID_SIZE * 5);
-var elementBeforeInput = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin: 1px 6px 0 8px;\n  color: ", ";\n\n  // Custom SearchIcon style\n  span,\n  svg {\n    height: 20px;\n    width: 20px;\n  }\n"])), "var(--ds-icon, ".concat(N200, ")"));
-var elementAfterInput = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin: 0 8px;\n  height: ", ";\n  text-align: center;\n"])), SEARCH_ITEM_HEIGHT_WIDTH);
+var elementBeforeInput = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin: 1px ", " 0 ", ";\n  color: ", ";\n\n  // Custom SearchIcon style\n  span,\n  svg {\n    height: 20px;\n    width: 20px;\n  }\n"])), "var(--ds-space-075, 6px)", "var(--ds-space-100, 8px)", "var(--ds-icon, ".concat(N200, ")"));
+var elementAfterInput = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin: 0 ", ";\n  height: ", ";\n  text-align: center;\n"])), "var(--ds-space-100, 8px)", SEARCH_ITEM_HEIGHT_WIDTH);
 var MemoizedElementSearchWithAnalytics = /*#__PURE__*/memo(withAnalyticsContext({
   component: 'Searchbar'
 })(injectIntl(ElementSearch)));

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

@@ -20,7 +20,7 @@ var baseBrowserContainerStyles = css(_templateObject2 || (_templateObject2 = _ta
 var mobileElementBrowserContainer = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", ";\n  flex-direction: column;\n"])), baseBrowserContainerStyles);
 var elementBrowserContainer = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", ";\n  flex-direction: row;\n"])), baseBrowserContainerStyles);
 var baseSidebarStyles = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n\n  overflow-x: auto;\n  overflow-y: hidden;\n"])));
-var mobileSideBar = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", ";\n  flex: 0 0 ", ";\n  padding: 12px 12px 0 12px;\n"])), baseSidebarStyles, INLINE_SIDEBAR_HEIGHT);
+var mobileSideBar = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", ";\n  flex: 0 0 ", ";\n  padding: ", " ", " 0\n    ", ";\n"])), baseSidebarStyles, INLINE_SIDEBAR_HEIGHT, "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)");
 var mobileSideBarShowCategories = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  flex: 0 0 auto;\n"])));
 var sideBar = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  ", ";\n  flex: 0 0 'auto';\n"])), baseSidebarStyles);
 var sideBarShowCategories = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  ", ";\n  flex: 0 0 ", ";\n"])), baseSidebarStyles, SIDEBAR_WIDTH);
@@ -33,6 +33,7 @@ var categoryListWrapper = css(_templateObject15 || (_templateObject15 = _taggedT
 function StatelessElementBrowser(props) {
   var items = props.items,
     onSelectItem = props.onSelectItem,
+    onInsertItem = props.onInsertItem,
     viewMoreItem = props.viewMoreItem;
   var _useContainerWidth = useContainerWidth(),
     containerWidth = _useContainerWidth.containerWidth,
@@ -82,10 +83,11 @@ function StatelessElementBrowser(props) {
     if (e.key !== 'Enter') {
       return;
     }
-    if (onSelectItem && selectedItem != null) {
-      onSelectItem(selectedItem);
+    if (onInsertItem && selectedItem != null) {
+      onInsertItem(selectedItem);
     }
-  }, [onSelectItem, selectedItem]);
+    e.preventDefault();
+  }, [onInsertItem, selectedItem]);
 
   /**
    * On arrow key selection and clicks the selectedItemIndex will change.
@@ -146,13 +148,13 @@ function MobileBrowser(_ref) {
     viewMoreItem = _ref.viewMoreItem;
   return jsx("div", {
     css: mobileElementBrowserContainer,
-    onKeyPress: onKeyPress,
     onKeyDown: onKeyDown,
     "data-testid": "mobile__element-browser"
   }, jsx("div", {
     css: showCategories ? [mobileSideBar, mobileSideBarShowCategories] : mobileSideBar
   }, showSearch && jsx(ElementSearch, {
     onSearch: onSearch,
+    onKeyDown: onKeyPress,
     mode: mode,
     focus: focusOnSearch,
     onClick: setFocusOnSearch,
@@ -225,13 +227,13 @@ function DesktopBrowser(_ref2) {
     createAnalyticsEvent: createAnalyticsEvent
   }))), jsx("div", {
     css: mainContent,
-    onKeyPress: onKeyPress,
     onKeyDown: onKeyDown,
     "data-testid": "main-content"
   }, showSearch && jsx("div", {
     css: searchContainer
   }, jsx(ElementSearch, {
     onSearch: onSearch,
+    onKeyDown: onKeyPress,
     mode: mode,
     focus: focusOnSearch,
     onClick: setFocusOnSearch,

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "187.8.10";
+export var version = "187.8.13";
 export var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "187.8.10",
+	"version": "187.8.13",
 	"sideEffects": false
 }

package/dist/types/plugins/text-formatting/pm-plugins/input-rule.d.ts

@@ -1,5 +1,6 @@
 import type { Schema } from '@atlaskit/editor-prosemirror/model';
 import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { FeatureFlags } from '@atlaskit/editor-common/types';
 declare enum ValidAutoformatChars {
     STRONG = "__",
@@ -19,5 +20,5 @@ export declare const italicRegex1: ReverseRegexExp;
 export declare const italicRegex2: ReverseRegexExp;
 export declare const strikeRegex: ReverseRegexExp;
 export declare const codeRegex: ReverseRegexExp;
-export declare function inputRulePlugin(schema: Schema, featureFlags: FeatureFlags): SafePlugin | undefined;
+export declare function inputRulePlugin(schema: Schema, _featureFlags: FeatureFlags, editorAnalyticsAPI: EditorAnalyticsAPI | undefined): SafePlugin | undefined;
 export default inputRulePlugin;

package/dist/types/plugins/text-formatting/pm-plugins/smart-input-rule.d.ts

@@ -1,3 +1,3 @@
-import type { FeatureFlags } from '@atlaskit/editor-common/types';
-declare const _default: (featureFlags: FeatureFlags) => import("@atlaskit/editor-common/safe-plugin").SafePlugin<any>;
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+declare const _default: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => import("@atlaskit/editor-common/safe-plugin").SafePlugin<any>;
 export default _default;

package/dist/types/ui/ElementBrowser/components/ElementSearch.d.ts

@@ -1,12 +1,13 @@
 /** @jsx jsx */
 import React from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
+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"> & {

package/dist/types/ui/ElementBrowser/components/StatelessElementBrowser.d.ts

@@ -1,9 +1,9 @@
 /** @jsx jsx */
 import React from 'react';
-import { QuickInsertItem } from '@atlaskit/editor-common/provider-factory';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { Category, Modes } from '../types';
-import { EmptyStateHandler } from '../../../types/empty-state-handler';
+import type { QuickInsertItem } from '@atlaskit/editor-common/provider-factory';
+import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import type { Category, Modes } from '../types';
+import type { EmptyStateHandler } from '../../../types/empty-state-handler';
 export type StatelessElementBrowserProps = {
     categories?: Category[];
     items: QuickInsertItem[];

package/dist/types-ts4.5/plugins/text-formatting/pm-plugins/input-rule.d.ts

@@ -1,5 +1,6 @@
 import type { Schema } from '@atlaskit/editor-prosemirror/model';
 import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { FeatureFlags } from '@atlaskit/editor-common/types';
 declare enum ValidAutoformatChars {
     STRONG = "__",
@@ -19,5 +20,5 @@ export declare const italicRegex1: ReverseRegexExp;
 export declare const italicRegex2: ReverseRegexExp;
 export declare const strikeRegex: ReverseRegexExp;
 export declare const codeRegex: ReverseRegexExp;
-export declare function inputRulePlugin(schema: Schema, featureFlags: FeatureFlags): SafePlugin | undefined;
+export declare function inputRulePlugin(schema: Schema, _featureFlags: FeatureFlags, editorAnalyticsAPI: EditorAnalyticsAPI | undefined): SafePlugin | undefined;
 export default inputRulePlugin;

package/dist/types-ts4.5/plugins/text-formatting/pm-plugins/smart-input-rule.d.ts

@@ -1,3 +1,3 @@
-import type { FeatureFlags } from '@atlaskit/editor-common/types';
-declare const _default: (featureFlags: FeatureFlags) => import("@atlaskit/editor-common/safe-plugin").SafePlugin<any>;
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+declare const _default: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => import("@atlaskit/editor-common/safe-plugin").SafePlugin<any>;
 export default _default;

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

@@ -1,12 +1,13 @@
 /** @jsx jsx */
 import React from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
+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"> & {

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

@@ -1,9 +1,9 @@
 /** @jsx jsx */
 import React from 'react';
-import { QuickInsertItem } from '@atlaskit/editor-common/provider-factory';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { Category, Modes } from '../types';
-import { EmptyStateHandler } from '../../../types/empty-state-handler';
+import type { QuickInsertItem } from '@atlaskit/editor-common/provider-factory';
+import type { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import type { Category, Modes } from '../types';
+import type { EmptyStateHandler } from '../../../types/empty-state-handler';
 export type StatelessElementBrowserProps = {
     categories?: Category[];
     items: QuickInsertItem[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "187.8.10",
+  "version": "187.8.13",
   "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.7.0",
-    "@atlaskit/editor-common": "^74.31.0",
+    "@atlaskit/editor-common": "^74.32.0",
     "@atlaskit/editor-json-transformer": "^8.10.0",
     "@atlaskit/editor-markdown-transformer": "^5.2.5",
     "@atlaskit/editor-palette": "1.5.1",