@atlaskit/editor-common 111.7.2 → 111.7.4

package/dist/esm/element-browser/ElementBrowser.js

@@ -110,7 +110,6 @@ var ElementBrowser = /*#__PURE__*/function (_PureComponent) {
         showCategories = _this$props.showCategories,
         mode = _this$props.mode,
         emptyStateHandler = _this$props.emptyStateHandler,
-        viewMoreItem = _this$props.viewMoreItem,
         onViewMore = _this$props.onViewMore,
         cache = _this$props.cache,
         autoFocusSearch = _this$props.autoFocusSearch;
@@ -132,7 +131,6 @@ var ElementBrowser = /*#__PURE__*/function (_PureComponent) {
         mode: mode,
         searchTerm: searchTerm,
         emptyStateHandler: emptyStateHandler,
-        viewMoreItem: viewMoreItem,
         cache: cache,
         onViewMore: onViewMore,
         autoFocusSearch: autoFocusSearch

package/dist/esm/element-browser/components/StatelessElementBrowser.js

@@ -11,15 +11,13 @@ import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '../../analytics';
 import editorUGCToken from '../../ugc-tokens/get-editor-ugc-token';
-import { ViewMore as ViewMoreNext } from '../components/ViewMore';
+import { ViewMore } from '../components/ViewMore';
 import { DEVICE_BREAKPOINT_NUMBERS, ELEMENT_BROWSER_ID, ELEMENT_BROWSER_LIST_ID, GRID_SIZE, INLINE_SIDEBAR_HEIGHT, SIDEBAR_HEADING_WRAPPER_HEIGHT, SIDEBAR_WIDTH } from '../constants';
 import useContainerWidth from '../hooks/use-container-width';
 import useSelectAndFocusOnArrowNavigation from '../hooks/use-select-and-focus-on-arrow-navigation';
-import { ViewMore } from '../ViewMore';
 import CategoryList from './CategoryList';
 import ElementList from './ElementList/ElementList';
 import ElementSearch from './ElementSearch';
@@ -120,7 +118,6 @@ function StatelessElementBrowser(props) {
   var items = props.items,
     onSelectItem = props.onSelectItem,
     onInsertItem = props.onInsertItem,
-    viewMoreItem = props.viewMoreItem,
     onViewMore = props.onViewMore,
     selectedCategory = props.selectedCategory,
     onSelectCategory = props.onSelectCategory,
@@ -160,7 +157,7 @@ function StatelessElementBrowser(props) {
     var _items$index$isDisabl, _items$index;
     return (_items$index$isDisabl = (_items$index = items[index]) === null || _items$index === void 0 ? void 0 : _items$index.isDisabled) !== null && _items$index$isDisabl !== void 0 ? _items$index$isDisabl : false;
   }, [items]);
-  var _useSelectAndFocusOnA = useSelectAndFocusOnArrowNavigation(items.length - 1, columnCount, fg('platform_editor_refactor_view_more') ? !!onViewMore : !!viewMoreItem, itemIsDisabled, isFocusSearch, autoFocusSearch),
+  var _useSelectAndFocusOnA = useSelectAndFocusOnArrowNavigation(items.length - 1, columnCount, !!onViewMore, itemIsDisabled, isFocusSearch, autoFocusSearch),
     selectedItemIndex = _useSelectAndFocusOnA.selectedItemIndex,
     focusedItemIndex = _useSelectAndFocusOnA.focusedItemIndex,
     setFocusedItemIndex = _useSelectAndFocusOnA.setFocusedItemIndex,
@@ -262,7 +259,6 @@ function StatelessElementBrowser(props) {
       setFocusOnSearch: setFocusOnSearch,
       onKeyPress: onItemsEnterTabKeyPress,
       onKeyDown: onKeyDown,
-      viewMoreItem: viewMoreItem,
       onViewMore: onViewMore,
       focusOnViewMore: focusOnViewMore,
       cache: cache
@@ -313,7 +309,6 @@ function MobileBrowser(_ref) {
     searchTerm = _ref.searchTerm,
     createAnalyticsEvent = _ref.createAnalyticsEvent,
     emptyStateHandler = _ref.emptyStateHandler,
-    viewMoreItem = _ref.viewMoreItem,
     onViewMore = _ref.onViewMore,
     cache = _ref.cache,
     _ref$focusOnEmptyStat = _ref.focusOnEmptyStateButton,
@@ -365,12 +360,9 @@ function MobileBrowser(_ref) {
       selectedCategory: selectedCategory,
       searchTerm: searchTerm,
       cache: cache
-    })), onViewMore && fg('platform_editor_refactor_view_more') && jsx(ViewMoreNext, {
+    })), onViewMore && jsx(ViewMore, {
       onViewMore: onViewMore,
       focus: focusOnViewMore
-    }), viewMoreItem && !fg('platform_editor_refactor_view_more') && jsx(ViewMore, {
-      item: viewMoreItem,
-      focus: focusOnViewMore
     }))
   );
 }

package/dist/esm/messages/placeholder-text.js

@@ -40,9 +40,9 @@ export var placeholderTextMessages = defineMessages({
     defaultMessage: ' to insert elements',
     description: 'Text after slash in long empty node placeholder'
   },
-  syncBlockPlaceholderText: {
-    id: 'fabric.editor.syncBlockPlaceholderText',
-    defaultMessage: 'Add content then copy this synced block to access it across spaces',
-    description: 'Placeholder text for sync block'
+  sourceSyncBlockPlaceholderText: {
+    id: 'fabric.editor.sourceSyncBlockPlaceholderText',
+    defaultMessage: 'Add content you want to reuse. Copy and paste this block to sync in other locations.',
+    description: 'Placeholder text for source sync block'
   }
 });

package/dist/esm/messages/text-color.js

@@ -12,7 +12,7 @@ export var textColorMessages = defineMessages({
   },
   textColorHighlightTooltip: {
     id: 'fabric.editor.textColorHighlightTooltip',
-    defaultMessage: 'Text and Highlight color',
+    defaultMessage: 'Text and highlight color',
     description: 'Tooltip of menu that provides access to various colors of highlight.'
   }
 });

package/dist/esm/monitoring/error.js

@@ -10,7 +10,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 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 = "111.7.1";
+var packageVersion = "111.7.3";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "111.7.1";
+var packageVersion = "111.7.3";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

package/dist/esm/utils/calculate-toolbar-position.js

@@ -1,6 +1,7 @@
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 var MAXIMUM_BROWSER_SCROLLBAR_WIDTH = 20;
 
 /*
@@ -79,19 +80,36 @@ export var calculateToolbarPositionAboveSelection = function calculateToolbarPos
     };
   };
 };
-/*
-  Calculates the position of the floating toolbar relative to the selection.
-  This is a re-implementation which closely matches the behaviour on Confluence renderer.
-  The main difference is the popup is always above the selection.
-  Things to consider:
-  - stick as close to the head X release coordinates as possible
-  - coordinates of head X and getBoundingClientRect() are absolute in client viewport (not including scroll offsets)
-  - popup may appear in '.fabric-editor-popup-scroll-parent' (or body)
-  - we use the toolbarRect to center align toolbar
-  - use wrapperBounds to clamp values
-  - editorView.dom bounds differ to wrapperBounds, convert at the end
-*/
-export var calculateToolbarPositionTrackHead = function calculateToolbarPositionTrackHead(toolbarTitle) {
+var findContainingElement = function findContainingElement(editorView) {
+  // First, try to find .fabric-editor-popup-scroll-parent
+  var scrollParent = editorView.dom.closest('.fabric-editor-popup-scroll-parent');
+  if (scrollParent) {
+    return {
+      container: scrollParent,
+      isFixed: false
+    };
+  } else {
+    // If no scroll parent, look for a fixed positioned parent
+    var fixedParent = editorView.dom.parentElement;
+    while (fixedParent && fixedParent !== document.body) {
+      var computedStyle = window.getComputedStyle(fixedParent);
+      if (computedStyle.position === 'fixed') {
+        return {
+          container: fixedParent,
+          isFixed: true
+        };
+      }
+      fixedParent = fixedParent.parentElement;
+    }
+  }
+
+  // Fall back to document.body if no fixed parent found
+  return {
+    container: document.body,
+    isFixed: false
+  };
+};
+export var calculateToolbarPositionTrackHeadOld = function calculateToolbarPositionTrackHeadOld(toolbarTitle) {
   return function (editorView, nextPos) {
     var toolbar = document.querySelector("div[aria-label=\"".concat(toolbarTitle, "\"]"));
     if (!toolbar) {
@@ -161,6 +179,121 @@ export var calculateToolbarPositionTrackHead = function calculateToolbarPosition
   };
 };
 
+/**
+ * Same logic as calculateToolbarPositionTrackHeadOld, but with the following changes:
+ * - Uses a cached container to avoid repeated DOM traversal and getComputedStyle calls
+ * - Works when editor is nested within a fixed positioned parent, such as within a modal or sidebar
+ */
+export var calculateToolbarPositionTrackHeadNew = function calculateToolbarPositionTrackHeadNew(toolbarTitle) {
+  // Cache the container to avoid repeated DOM traversal and getComputedStyle calls
+  var cachedContainer = null;
+  var isFixedContainer = false;
+  var cachedEditorDom = null;
+  return function (editorView, nextPos) {
+    var toolbar = document.querySelector("div[aria-label=\"".concat(toolbarTitle, "\"]"));
+    if (!toolbar) {
+      return nextPos;
+    }
+
+    // Find and cache the container (only recalculates if editor DOM changed)
+    if (cachedEditorDom !== editorView.dom) {
+      cachedEditorDom = editorView.dom;
+      var _findContainingElemen = findContainingElement(editorView),
+        _container = _findContainingElemen.container,
+        isFixed = _findContainingElemen.isFixed;
+      cachedContainer = _container;
+      isFixedContainer = isFixed;
+    }
+    if (!cachedContainer) {
+      return nextPos;
+    }
+    var container = cachedContainer;
+    var containerBounds = container.getBoundingClientRect();
+    var selection = window && window.getSelection();
+    var moreRovoOptionsButton = document.querySelector('button[aria-label="More Rovo options"], [aria-label="More Rovo options"]');
+    var isMoreRovoOptionsButtonVisible = !!moreRovoOptionsButton && moreRovoOptionsButton instanceof HTMLElement && !!moreRovoOptionsButton.offsetParent;
+    var range = null;
+    if (isMoreRovoOptionsButtonVisible && fg('platform_editor_ai_generic_prep_for_aifc')) {
+      if (selection && selection.getRangeAt && selection.rangeCount > 0) {
+        var maybeRange = selection.getRangeAt(0);
+        if (maybeRange instanceof Range) {
+          range = maybeRange;
+        }
+      }
+    } else {
+      if (selection && !selection.isCollapsed && selection.getRangeAt && selection.rangeCount > 0) {
+        var _maybeRange2 = selection.getRangeAt(0);
+        if (_maybeRange2 instanceof Range) {
+          range = _maybeRange2;
+        }
+      }
+    }
+    if (!range) {
+      return nextPos;
+    }
+    var toolbarRect = toolbar.getBoundingClientRect();
+    var _editorView$state$sel3 = editorView.state.selection,
+      head = _editorView$state$sel3.head,
+      anchor = _editorView$state$sel3.anchor;
+    var topCoords = editorView.coordsAtPos(Math.min(head, anchor));
+    var bottomCoords = editorView.coordsAtPos(Math.max(head, anchor) - Math.min(range.endOffset, 1));
+    var top;
+    // If not the same line AND we are selecting downwards, display toolbar below.
+    if (head > anchor && topCoords.top !== bottomCoords.top) {
+      // We are taking the previous pos to the maxium, so avoid end of line positions
+      // returning the next line's rect.
+      top = (bottomCoords.top || 0) + toolbarRect.height / 1.15;
+    } else {
+      top = (topCoords.top || 0) - toolbarRect.height * 1.5;
+    }
+    var left = (head > anchor ? bottomCoords.right : topCoords.left) - toolbarRect.width / 2;
+
+    // Place toolbar below selection if not sufficient space above
+    if (top < containerBounds.top) {
+      var _getCoordsBelowSelect3 = getCoordsBelowSelection(bottomCoords, toolbarRect);
+      top = _getCoordsBelowSelect3.top;
+      left = _getCoordsBelowSelect3.left;
+    }
+    var leftCoord = Math.max(0, left - containerBounds.left);
+    if (leftCoord + toolbarRect.width > containerBounds.width) {
+      var _scrollbarWidth2 = MAXIMUM_BROWSER_SCROLLBAR_WIDTH;
+      leftCoord = Math.max(0, containerBounds.width - (toolbarRect.width + _scrollbarWidth2));
+    }
+
+    // Apply scroll offset only for non-fixed containers
+    // Fixed positioned elements don't scroll with the page
+    var scrollOffset = isFixedContainer ? 0 : container.scrollTop;
+    return {
+      top: top - containerBounds.top + scrollOffset,
+      left: leftCoord
+    };
+  };
+};
+
+/*
+  Calculates the position of the floating toolbar relative to the selection.
+  This implementation works in multiple scenarios:
+  - Standard scrollable containers with .fabric-editor-popup-scroll-parent
+  - Fixed positioned parent containers
+  - Falls back to document.body
+
+  The function automatically detects the container type and applies the appropriate
+  positioning logic and scroll offset handling.
+
+  Things to consider:
+  - stick as close to the head X release coordinates as possible
+  - coordinates of head X and getBoundingClientRect() are absolute in client viewport
+  - popup may appear in '.fabric-editor-popup-scroll-parent', fixed parent, or body
+  - we use the toolbarRect to center align toolbar
+  - use container bounds to clamp values
+  - for fixed positioning, no scroll offsets are applied
+  - for scrollable containers, scroll offsets are included
+*/
+export var calculateToolbarPositionTrackHead = function calculateToolbarPositionTrackHead(toolbarTitle) {
+  var isSelToolbarFixEnabled = expValEquals('platform_editor_sel_toolbar_fix', 'isEnabled', true);
+  return isSelToolbarFixEnabled ? calculateToolbarPositionTrackHeadNew(toolbarTitle) : calculateToolbarPositionTrackHeadOld(toolbarTitle);
+};
+
 /**
  * Returns the coordintes at the bottom the selection.
  */

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

@@ -19,13 +19,6 @@ export interface Props {
     onViewMore?: () => void;
     showCategories: boolean;
     showSearch: boolean;
-    /**
-     * @private
-     * @deprecated
-     * Deprecated in favour of onViewMore
-     * Please clean up viewMoreItem when cleaning up platform_editor_refactor_view_more
-     */
-    viewMoreItem?: QuickInsertItem;
 }
 export interface State {
     categories: Category[];

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

@@ -27,13 +27,6 @@ export type StatelessElementBrowserProps = {
     selectedCategory?: string;
     showCategories: boolean;
     showSearch: boolean;
-    /**
-     * @private
-     * @deprecated
-     * Deprecated in favour of onViewMore
-     * Please clean up viewMoreItem when cleaning up platform_editor_refactor_view_more
-     */
-    viewMoreItem?: QuickInsertItem;
 } & WithAnalyticsEventsProps;
 declare const MemoizedElementBrowser: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<Omit<{
     /**
@@ -54,12 +47,5 @@ declare const MemoizedElementBrowser: React.MemoExoticComponent<React.ForwardRef
     selectedCategory?: string;
     showCategories: boolean;
     showSearch: boolean;
-    /**
-     * @private
-     * @deprecated
-     * Deprecated in favour of onViewMore
-     * Please clean up viewMoreItem when cleaning up platform_editor_refactor_view_more
-     */
-    viewMoreItem?: QuickInsertItem;
 }, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "ref"> & React.RefAttributes<any>>>;
 export default MemoizedElementBrowser;

package/dist/types/messages/placeholder-text.d.ts

@@ -39,7 +39,7 @@ export declare const placeholderTextMessages: {
         defaultMessage: string;
         description: string;
     };
-    syncBlockPlaceholderText: {
+    sourceSyncBlockPlaceholderText: {
         id: string;
         defaultMessage: string;
         description: string;

package/dist/types/utils/calculate-toolbar-position.d.ts

@@ -1,6 +1,13 @@
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { PopupPosition as Position } from '../ui';
 export declare const calculateToolbarPositionAboveSelection: (toolbarTitle: string) => (editorView: EditorView, nextPos: Position) => Position;
+export declare const calculateToolbarPositionTrackHeadOld: (toolbarTitle: string) => (editorView: EditorView, nextPos: Position) => Position;
+/**
+ * Same logic as calculateToolbarPositionTrackHeadOld, but with the following changes:
+ * - Uses a cached container to avoid repeated DOM traversal and getComputedStyle calls
+ * - Works when editor is nested within a fixed positioned parent, such as within a modal or sidebar
+ */
+export declare const calculateToolbarPositionTrackHeadNew: (toolbarTitle: string) => (editorView: EditorView, nextPos: Position) => Position;
 export declare const calculateToolbarPositionTrackHead: (toolbarTitle: string) => (editorView: EditorView, nextPos: Position) => Position;
 export type CoordsAtPos = {
     bottom: number;

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

@@ -19,13 +19,6 @@ export interface Props {
     onViewMore?: () => void;
     showCategories: boolean;
     showSearch: boolean;
-    /**
-     * @private
-     * @deprecated
-     * Deprecated in favour of onViewMore
-     * Please clean up viewMoreItem when cleaning up platform_editor_refactor_view_more
-     */
-    viewMoreItem?: QuickInsertItem;
 }
 export interface State {
     categories: Category[];

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

@@ -27,13 +27,6 @@ export type StatelessElementBrowserProps = {
     selectedCategory?: string;
     showCategories: boolean;
     showSearch: boolean;
-    /**
-     * @private
-     * @deprecated
-     * Deprecated in favour of onViewMore
-     * Please clean up viewMoreItem when cleaning up platform_editor_refactor_view_more
-     */
-    viewMoreItem?: QuickInsertItem;
 } & WithAnalyticsEventsProps;
 declare const MemoizedElementBrowser: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<Omit<{
     /**
@@ -54,12 +47,5 @@ declare const MemoizedElementBrowser: React.MemoExoticComponent<React.ForwardRef
     selectedCategory?: string;
     showCategories: boolean;
     showSearch: boolean;
-    /**
-     * @private
-     * @deprecated
-     * Deprecated in favour of onViewMore
-     * Please clean up viewMoreItem when cleaning up platform_editor_refactor_view_more
-     */
-    viewMoreItem?: QuickInsertItem;
 }, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "ref"> & React.RefAttributes<any>>>;
 export default MemoizedElementBrowser;

package/dist/types-ts4.5/messages/placeholder-text.d.ts

@@ -39,7 +39,7 @@ export declare const placeholderTextMessages: {
         defaultMessage: string;
         description: string;
     };
-    syncBlockPlaceholderText: {
+    sourceSyncBlockPlaceholderText: {
         id: string;
         defaultMessage: string;
         description: string;

package/dist/types-ts4.5/utils/calculate-toolbar-position.d.ts

@@ -1,6 +1,13 @@
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { PopupPosition as Position } from '../ui';
 export declare const calculateToolbarPositionAboveSelection: (toolbarTitle: string) => (editorView: EditorView, nextPos: Position) => Position;
+export declare const calculateToolbarPositionTrackHeadOld: (toolbarTitle: string) => (editorView: EditorView, nextPos: Position) => Position;
+/**
+ * Same logic as calculateToolbarPositionTrackHeadOld, but with the following changes:
+ * - Uses a cached container to avoid repeated DOM traversal and getComputedStyle calls
+ * - Works when editor is nested within a fixed positioned parent, such as within a modal or sidebar
+ */
+export declare const calculateToolbarPositionTrackHeadNew: (toolbarTitle: string) => (editorView: EditorView, nextPos: Position) => Position;
 export declare const calculateToolbarPositionTrackHead: (toolbarTitle: string) => (editorView: EditorView, nextPos: Position) => Position;
 export type CoordsAtPos = {
     bottom: number;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "111.7.2",
+	"version": "111.7.4",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -70,20 +70,20 @@
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/popper": "^7.1.0",
 		"@atlaskit/primitives": "^17.0.0",
-		"@atlaskit/profilecard": "^24.28.0",
+		"@atlaskit/profilecard": "^24.30.0",
 		"@atlaskit/prosemirror-history": "^0.2.0",
-		"@atlaskit/react-ufo": "^4.16.0",
+		"@atlaskit/react-ufo": "^4.17.0",
 		"@atlaskit/section-message": "^8.12.0",
 		"@atlaskit/smart-card": "^43.20.0",
 		"@atlaskit/smart-user-picker": "^8.9.0",
 		"@atlaskit/spinner": "^19.0.0",
-		"@atlaskit/status": "^3.0.0",
+		"@atlaskit/status": "^3.1.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^16.12.0",
+		"@atlaskit/tmp-editor-statsig": "^16.18.0",
 		"@atlaskit/tokens": "^9.1.0",
-		"@atlaskit/tooltip": "^20.12.0",
+		"@atlaskit/tooltip": "^20.14.0",
 		"@atlaskit/width-detector": "^5.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",
@@ -204,9 +204,6 @@
 		"editor_a11y_aria_label_removal_popup": {
 			"type": "boolean"
 		},
-		"platform_editor_refactor_view_more": {
-			"type": "boolean"
-		},
 		"platform_editor_bordered_panel_nested_in_table": {
 			"type": "boolean"
 		},

package/dist/cjs/element-browser/ViewMore.js

@@ -1,58 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ViewMore = void 0;
-var _react = require("react");
-var _react2 = require("@emotion/react");
-var _menu = require("@atlaskit/menu");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var itemBefore = (0, _react2.css)({
-  width: '40px',
-  height: '40px',
-  boxSizing: 'border-box',
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  marginRight: "var(--ds-space-050, 4px)"
-});
-var ViewMore = exports.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
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  , {
-    onClick: item.action
-    // Ignored via go/ees005
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    ,
-    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
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
-    css: (0, _react2.css)({
-      padding: "0px ".concat("var(--ds-space-150, 12px)")
-    }),
-    ref: ref
-  }, item.title));
-};

package/dist/es2019/element-browser/ViewMore.js

@@ -1,52 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { useEffect, useRef } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { ButtonItem, Section } from '@atlaskit/menu';
-const itemBefore = css({
-  width: '40px',
-  height: '40px',
-  boxSizing: 'border-box',
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  marginRight: "var(--ds-space-050, 4px)"
-});
-export const ViewMore = ({
-  item,
-  focus
-}) => {
-  const ref = useRef(null);
-  useEffect(() => {
-    if (ref.current && focus) {
-      ref.current.focus();
-    }
-  }, [focus]);
-  return jsx(Section, {
-    hasSeparator: true
-  }, jsx(ButtonItem
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  , {
-    onClick: item.action
-    // Ignored via go/ees005
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    ,
-    iconBefore: jsx("div", {
-      css: itemBefore
-    }, item.icon()),
-    "aria-describedby": item.title,
-    "data-testid": "view-more-elements-item"
-    // @ts-ignore Overriding Menu styles is not supported
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
-    css: css({
-      padding: `0px ${"var(--ds-space-150, 12px)"}`
-    }),
-    ref: ref
-  }, item.title));
-};

package/dist/esm/element-browser/ViewMore.js

@@ -1,51 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { useEffect, useRef } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { ButtonItem, Section } from '@atlaskit/menu';
-var itemBefore = css({
-  width: '40px',
-  height: '40px',
-  boxSizing: 'border-box',
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  marginRight: "var(--ds-space-050, 4px)"
-});
-export var ViewMore = function ViewMore(_ref) {
-  var item = _ref.item,
-    focus = _ref.focus;
-  var ref = useRef(null);
-  useEffect(function () {
-    if (ref.current && focus) {
-      ref.current.focus();
-    }
-  }, [focus]);
-  return jsx(Section, {
-    hasSeparator: true
-  }, jsx(ButtonItem
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  , {
-    onClick: item.action
-    // Ignored via go/ees005
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    ,
-    iconBefore: jsx("div", {
-      css: itemBefore
-    }, item.icon()),
-    "aria-describedby": item.title,
-    "data-testid": "view-more-elements-item"
-    // @ts-ignore Overriding Menu styles is not supported
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
-    css: css({
-      padding: "0px ".concat("var(--ds-space-150, 12px)")
-    }),
-    ref: ref
-  }, item.title));
-};

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

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

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

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