@atlaskit/editor-common 75.8.4 → 76.1.0

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

@@ -9,7 +9,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "75.8.4";
+const packageVersion = "76.1.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

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

@@ -1,6 +1,6 @@
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { gridSize } from '@atlaskit/theme/constants';
-// TODO: Migrate away from gridSize
+// TODO: Migrate away from deprecated gridSize
 // Recommendation: Replace gridSize with 8
 export var GRID_SIZE = gridSize();
 export var DEVICE_BREAKPOINT_NUMBERS = {

package/dist/esm/floating-toolbar/index.js

@@ -0,0 +1,101 @@
+function makeSameType(_a, _b) {
+  return true;
+}
+export var shallowEqual = function shallowEqual(objA, objB) {
+  if (objA === objB) {
+    return true;
+  }
+  if (objA == null || objB == null) {
+    return false;
+  }
+  var keysA = Object.keys(objA);
+  var keysB = Object.keys(objB);
+  if (keysA.length !== keysB.length) {
+    return false;
+  }
+  var bHasOwnProperty = Object.prototype.hasOwnProperty.bind(objB);
+  for (var idx = 0; idx < keysA.length; idx++) {
+    var key = keysA[idx];
+    if (!bHasOwnProperty(key)) {
+      return false;
+    }
+    if (objA[key] !== objB[key]) {
+      return false;
+    }
+  }
+  return true;
+};
+export var compareArrays = function compareArrays(left, right) {
+  var compareFn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : shallowEqual;
+  if (left.length !== right.length) {
+    return false;
+  }
+  for (var idx = 0; idx < left.length; idx++) {
+    if (!compareFn(left[idx], right[idx])) {
+      return false;
+    }
+  }
+  return true;
+};
+var compareItemWithKeys = function compareItemWithKeys(leftItem, rightItem) {
+  var excludedKeys = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  return Object.keys(leftItem).filter(function (key) {
+    return excludedKeys.indexOf(key) === -1;
+  }).every(function (key) {
+    return leftItem[key] instanceof Object ? shallowEqual(leftItem[key], rightItem[key]) : leftItem[key] === rightItem[key];
+  });
+};
+export var isSameItem = function isSameItem(leftItem, rightItem) {
+  if (leftItem.type !== rightItem.type) {
+    return false;
+  }
+  switch (leftItem.type) {
+    case 'button':
+      // Need to typecast `rightItem as typeof leftItem` otherwise we will
+      // have to put the `type !==` inside each case.
+      return compareItemWithKeys(leftItem, rightItem, ['type', 'onClick', 'onMouseEnter', 'onMouseLeave']);
+    case 'copy-button':
+      return compareItemWithKeys(leftItem, rightItem, ['type', 'items']);
+    case 'input':
+      return compareItemWithKeys(leftItem, rightItem, ['type', 'onSubmit', 'onBlur']);
+    case 'select':
+      if (makeSameType(leftItem, rightItem) && Array.isArray(leftItem.options) && Array.isArray(rightItem.options) && !compareArrays(leftItem.options, rightItem.options, function (left, right) {
+        return compareItemWithKeys(left, right);
+      })) {
+        return false;
+      }
+      return compareItemWithKeys(leftItem, rightItem, ['type', 'onChange', 'options']);
+    case 'dropdown':
+      if (makeSameType(leftItem, rightItem) && Array.isArray(leftItem.options) && Array.isArray(rightItem.options) &&
+      // @ts-expect-error TS2345: Argument of type 'DropdownOptionT<Function>[]' is not assignable to parameter of type 'any[][]'
+      !compareArrays(leftItem.options, rightItem.options, function (left, right) {
+        return (
+          // @ts-expect-error  TS2322: Type '"onClick"' is not assignable to type 'keyof any[]'
+          compareItemWithKeys(left, right, ['onClick'])
+        );
+      })) {
+        return false;
+      }
+      return compareItemWithKeys(leftItem, rightItem, ['type', 'options']);
+    case 'custom':
+      return false;
+    case 'separator':
+      return compareItemWithKeys(leftItem, rightItem);
+    case 'extensions-placeholder':
+      return compareItemWithKeys(leftItem, rightItem);
+  }
+};
+export var areSameItems = function areSameItems(leftArr, rightArr) {
+  if (leftArr === undefined && rightArr === undefined) {
+    return true;
+  }
+  if (leftArr === undefined || rightArr === undefined) {
+    return false;
+  }
+  if (leftArr.length !== rightArr.length) {
+    return false;
+  }
+  return leftArr.every(function (item, index) {
+    return isSameItem(rightArr[index], item);
+  });
+};

package/dist/esm/monitoring/error.js

@@ -6,7 +6,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "75.8.4";
+var packageVersion = "76.1.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/resizer/Resizer.js

@@ -2,14 +2,15 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-var _excluded = ["width", "children", "handleClassName", "className", "handleResize", "handleResizeStart", "handleResizeStop", "handleHeightSize", "handleAlignmentMethod", "handlePositioning", "appearance", "handleStyles", "resizeRatio", "innerPadding", "snap", "snapGap", "handleMarginTop", "isHandleVisible", "handleComponent", "handleHighlight", "handleTooltipContent"];
+var _excluded = ["width", "children", "handleClassName", "className", "handleResize", "handleResizeStart", "handleResizeStop", "handleSize", "handleAlignmentMethod", "handlePositioning", "appearance", "handleStyles", "resizeRatio", "snap", "snapGap", "isHandleVisible", "handleHighlight", "handleTooltipContent"];
 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) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React, { useMemo, useRef, useState } from 'react';
+import React, { useCallback, useMemo, useRef, useState } from 'react';
 import classnames from 'classnames';
 import { Resizable } from 're-resizable';
 import Tooltip from '@atlaskit/tooltip';
 import { handleWrapperClass, resizerDangerClassName, resizerHandleClassName, resizerHandleThumbClassName, resizerHandleTrackClassName, resizerHandleZIndex, resizerHoverZoneClassName, resizerItemClassName } from '../styles/shared/resizer';
+var SUPPORTED_HANDLES = ['left', 'right'];
 export default function ResizerNext(props) {
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -23,8 +24,8 @@ export default function ResizerNext(props) {
     handleResize = props.handleResize,
     handleResizeStart = props.handleResizeStart,
     handleResizeStop = props.handleResizeStop,
-    _props$handleHeightSi = props.handleHeightSize,
-    handleHeightSize = _props$handleHeightSi === void 0 ? 'medium' : _props$handleHeightSi,
+    _props$handleSize = props.handleSize,
+    handleSize = _props$handleSize === void 0 ? 'medium' : _props$handleSize,
     _props$handleAlignmen = props.handleAlignmentMethod,
     handleAlignmentMethod = _props$handleAlignmen === void 0 ? 'center' : _props$handleAlignmen,
     _props$handlePosition = props.handlePositioning,
@@ -33,24 +34,21 @@ export default function ResizerNext(props) {
     handleStyles = props.handleStyles,
     _props$resizeRatio = props.resizeRatio,
     resizeRatio = _props$resizeRatio === void 0 ? 1 : _props$resizeRatio,
-    innerPadding = props.innerPadding,
     snap = props.snap,
     snapGap = props.snapGap,
-    handleMarginTop = props.handleMarginTop,
     _props$isHandleVisibl = props.isHandleVisible,
     isHandleVisible = _props$isHandleVisibl === void 0 ? false : _props$isHandleVisibl,
-    handleComponent = props.handleComponent,
     _props$handleHighligh = props.handleHighlight,
     handleHighlight = _props$handleHighligh === void 0 ? 'none' : _props$handleHighligh,
     handleTooltipContent = props.handleTooltipContent,
     otherProps = _objectWithoutProperties(props, _excluded);
-  var onResizeStart = React.useCallback(function (event) {
+  var onResizeStart = useCallback(function (event) {
     // prevent creating a drag event on Firefox
     event.preventDefault();
     setIsResizing(true);
     handleResizeStart();
   }, [handleResizeStart]);
-  var onResize = React.useCallback(function (_event, _direction, _elementRef, delta) {
+  var onResize = useCallback(function (_event, _direction, _elementRef, delta) {
     var resizableCurrent = resizable.current;
     if (!resizableCurrent || !resizableCurrent.state.original) {
       return;
@@ -63,7 +61,7 @@ export default function ResizerNext(props) {
     };
     handleResize(originalState, delta);
   }, [handleResize]);
-  var onResizeStop = React.useCallback(function (_event, _direction, _elementRef, delta) {
+  var onResizeStop = useCallback(function (_event, _direction, _elementRef, delta) {
     var resizableCurrent = resizable.current;
     if (!resizableCurrent || !resizableCurrent.state.original) {
       return;
@@ -78,81 +76,49 @@ export default function ResizerNext(props) {
     handleResizeStop(originalState, delta);
   }, [handleResizeStop]);
   var handles = {
-    left: classnames(handleClassName !== null && handleClassName !== void 0 ? handleClassName : resizerHandleClassName, 'left', handleHeightSize, handleAlignmentMethod),
-    right: classnames(handleClassName !== null && handleClassName !== void 0 ? handleClassName : resizerHandleClassName, 'right', handleHeightSize, handleAlignmentMethod)
+    left: classnames(handleClassName !== null && handleClassName !== void 0 ? handleClassName : resizerHandleClassName, 'left', handleSize, handleAlignmentMethod),
+    right: classnames(handleClassName !== null && handleClassName !== void 0 ? handleClassName : resizerHandleClassName, 'right', handleSize, handleAlignmentMethod)
   };
   var baseHandleStyles = {
     width: handlePositioning === 'adjacent' ? "var(--ds-space-100, 8px)" : "var(--ds-space-300, 24px)",
-    // eslint-disable-next-line
-    marginTop: Number.isFinite(handleMarginTop) ? "".concat(handleMarginTop, "px") : undefined,
     zIndex: resizerHandleZIndex,
     pointerEvents: 'auto',
     alignItems: handlePositioning === 'adjacent' ? 'center' : undefined
   };
-  var offset = Number.isFinite(innerPadding) ? "-".concat(innerPadding, "px") : handlePositioning === 'adjacent' ? "calc(".concat(baseHandleStyles.width, " * -1)") : "calc(".concat(baseHandleStyles.width, " * -0.5)");
-  var nextHandleStyles = {
-    left: _objectSpread(_objectSpread({}, baseHandleStyles), {}, {
-      // eslint-disable-next-line
-      left: offset
-    }, handleStyles === null || handleStyles === void 0 ? void 0 : handleStyles.left),
-    right: _objectSpread(_objectSpread({}, baseHandleStyles), {}, {
-      // eslint-disable-next-line
-      right: offset
-    }, handleStyles === null || handleStyles === void 0 ? void 0 : handleStyles.right)
-  };
+  var offset = handlePositioning === 'adjacent' ? "calc(".concat(baseHandleStyles.width, " * -1)") : "calc(".concat(baseHandleStyles.width, " * -0.5)");
+  var nextHandleStyles = SUPPORTED_HANDLES.reduce(function (result, position) {
+    return _objectSpread(_objectSpread({}, result), {}, _defineProperty({}, position, _objectSpread(_objectSpread({}, baseHandleStyles), {}, _defineProperty({}, position, offset), handleStyles === null || handleStyles === void 0 ? void 0 : handleStyles[position])));
+  }, {});
   var resizerClassName = classnames(className, resizerItemClassName, _defineProperty({
     'is-resizing': isResizing,
     'display-handle': isHandleVisible
   }, resizerDangerClassName, appearance === 'danger'));
-  var finalHandleComponent = useMemo(function () {
-    if ((!handleHighlight || handleHighlight === 'none') && !handleTooltipContent && !handleComponent) {
-      return {
-        left: /*#__PURE__*/React.createElement("div", {
-          className: resizerHandleThumbClassName
-        }),
-        right: /*#__PURE__*/React.createElement("div", {
-          className: resizerHandleThumbClassName
-        })
-      };
-    }
-
-    // If the handleComponent is set by the parent, then they're taking over control of the handle
-    if (handleComponent) {
-      return {
-        left: handleComponent.left && /*#__PURE__*/React.cloneElement(handleComponent.left, {
-          className: resizerHandleThumbClassName
-        }),
-        right: handleComponent.right && /*#__PURE__*/React.cloneElement(handleComponent.right, {
-          className: resizerHandleThumbClassName
-        })
-      };
-    }
-    var children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      className: classnames(resizerHandleTrackClassName, handleHighlight)
-    }), /*#__PURE__*/React.createElement("div", {
-      className: resizerHandleThumbClassName
-    }));
-    if (!!handleTooltipContent) {
-      return {
-        left: /*#__PURE__*/React.createElement(Tooltip, {
+  var handleComponent = useMemo(function () {
+    return SUPPORTED_HANDLES.reduce(function (result, position) {
+      var thumb = /*#__PURE__*/React.createElement("div", {
+        className: resizerHandleThumbClassName,
+        "data-testid": "resizer-handle-".concat(position, "-thumb"),
+        contentEditable: false
+      });
+      if ((!handleHighlight || handleHighlight === 'none') && !handleTooltipContent) {
+        return _objectSpread(_objectSpread({}, result), {}, _defineProperty({}, position, thumb));
+      }
+      var thumbWithTrack = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+        className: classnames(resizerHandleTrackClassName, handleHighlight),
+        "data-testid": "resizer-handle-".concat(position, "-track")
+      }), thumb);
+      if (!!handleTooltipContent) {
+        return _objectSpread(_objectSpread({}, result), {}, _defineProperty({}, position, /*#__PURE__*/React.createElement(Tooltip, {
           content: handleTooltipContent,
           hideTooltipOnClick: true,
           position: "mouse",
-          mousePosition: "auto-start"
-        }, children),
-        right: /*#__PURE__*/React.createElement(Tooltip, {
-          content: handleTooltipContent,
-          hideTooltipOnClick: true,
-          position: "mouse",
-          mousePosition: "auto-start"
-        }, children)
-      };
-    }
-    return {
-      left: children,
-      right: children
-    };
-  }, [handleHighlight, handleTooltipContent, handleComponent]);
+          mousePosition: "auto-start",
+          testId: "resizer-handle-".concat(position, "-tooltip")
+        }, thumbWithTrack)));
+      }
+      return _objectSpread(_objectSpread({}, result), {}, _defineProperty({}, position, thumbWithTrack));
+    }, {});
+  }, [handleHighlight, handleTooltipContent]);
 
   // snapGap is usually a constant, if snap.x?.length is 0 and snapGap has a value resizer cannot be resized
   var snapGapActual = useMemo(function () {
@@ -179,7 +145,7 @@ export default function ResizerNext(props) {
     resizeRatio: resizeRatio,
     snapGap: snapGapActual,
     snap: snap,
-    handleComponent: finalHandleComponent
+    handleComponent: handleComponent
   }, otherProps), /*#__PURE__*/React.createElement("span", {
     className: resizerHoverZoneClassName
   }, children));

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

@@ -19,7 +19,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "75.8.4";
+var packageVersion = "76.1.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/types/floating-toolbar/index.d.ts

@@ -0,0 +1,6 @@
+import type { FloatingToolbarItem } from '../types';
+export type Item = FloatingToolbarItem<Function>;
+export declare const shallowEqual: (objA?: Object, objB?: Object) => boolean;
+export declare const compareArrays: <T extends any[]>(left: T[], right: T[], compareFn?: (left: T, right: T) => boolean) => boolean;
+export declare const isSameItem: (leftItem: Item, rightItem: Item) => boolean;
+export declare const areSameItems: (leftArr?: Array<Item>, rightArr?: Array<Item>) => boolean;

package/dist/types/provider-factory/types.d.ts

@@ -1,18 +1,18 @@
-import { ActivityProvider } from '@atlaskit/activity-provider';
+import type { ActivityProvider } from '@atlaskit/activity-provider';
 import type { EmojiProvider } from '@atlaskit/emoji/types';
-import { MentionProvider } from '@atlaskit/mention/types';
-import { TaskDecisionProvider } from '@atlaskit/task-decision/types';
+import type { MentionProvider } from '@atlaskit/mention/types';
+import type { TaskDecisionProvider } from '@atlaskit/task-decision/types';
 import type { CollabEditProvider } from '../collab';
-import { ExtensionProvider } from '../extensions/types';
-import { AutoformattingProvider } from './autoformatting-provider';
-import { CardProvider } from './card-provider';
-import { ContextIdentifierProvider } from './context-identifier-provider';
-import { ImageUploadProvider } from './image-upload-provider';
-import { MacroProvider } from './macro-provider';
-import { MediaProvider } from './media-provider';
-import { ProfilecardProvider } from './profile-card-provider';
-import { QuickInsertProvider } from './quick-insert-provider';
-import { SearchProvider } from './search-provider';
+import type { ExtensionProvider } from '../extensions/types';
+import type { AutoformattingProvider } from './autoformatting-provider';
+import type { CardProvider } from './card-provider';
+import type { ContextIdentifierProvider } from './context-identifier-provider';
+import type { ImageUploadProvider } from './image-upload-provider';
+import type { MacroProvider } from './macro-provider';
+import type { MediaProvider } from './media-provider';
+import type { ProfilecardProvider } from './profile-card-provider';
+import type { QuickInsertProvider } from './quick-insert-provider';
+import type { SearchProvider } from './search-provider';
 export interface Providers {
     mediaProvider?: Promise<MediaProvider>;
     emojiProvider?: Promise<EmojiProvider>;

package/dist/types/resizer/Resizer.d.ts

@@ -1,32 +1,52 @@
-import React from 'react';
-import type { PropsWithChildren } from 'react';
-import type { HandleComponent } from 're-resizable';
+import type { CSSProperties, PropsWithChildren } from 'react';
 import type { TooltipProps } from '@atlaskit/tooltip';
-import type { EnabledHandles, HandleAlignmentMethod, HandleHeightSizeType, HandleHighlight, HandlePositioning, HandleResize, HandleResizeStart, HandleStyles, ResizerAppearance, Snap } from './types';
+import type { EnabledHandles, HandleAlignmentMethod, HandleHighlight, HandlePositioning, HandleResize, HandleResizeStart, HandleSize, HandleStyles, ResizerAppearance, Snap } from './types';
 export type ResizerProps = {
+    className?: string;
     enable: EnabledHandles;
     width: number;
-    handleResizeStart: HandleResizeStart;
-    handleResize: HandleResize;
-    handleResizeStop: HandleResize;
-    innerPadding?: number;
-    handleClassName?: string;
-    className?: string;
     minWidth?: number;
     maxWidth?: number;
-    handleWrapperStyle?: React.CSSProperties;
-    handleComponent?: HandleComponent;
-    handleStyles?: HandleStyles;
-    handlePositioning?: HandlePositioning;
-    handleHeightSize?: HandleHeightSizeType;
-    handleMarginTop?: number;
     snap?: Snap;
     snapGap?: number;
-    handleAlignmentMethod?: HandleAlignmentMethod;
     resizeRatio?: number;
-    isHandleVisible?: boolean;
     appearance?: ResizerAppearance;
+    isHandleVisible?: boolean;
+    handleResizeStart: HandleResizeStart;
+    handleResize: HandleResize;
+    handleResizeStop: HandleResize;
+    /**
+     * This can be used to override the css class name applied to the resize handle.
+     */
+    handleClassName?: string;
+    /**
+     * This is used to override the style of resize handles wrapper.
+     */
+    handleWrapperStyle?: CSSProperties;
+    /**
+     * This property is used to override the style of one or more resize handles. Only the axis you specify will have
+     * its handle style overriden.
+     */
+    handleStyles?: HandleStyles;
+    /**
+     * The handleAlignmentMethod is used in determining the vertical positioning of the resizer handle in relation to its children.
+     */
+    handleAlignmentMethod?: HandleAlignmentMethod;
+    /**
+     * The handlePositioning is used to determine the horizontal position of the resizer handle in relation to its children.
+     */
+    handlePositioning?: HandlePositioning;
+    /**
+     * The handleSize is used to determine the width/height of the handle element.
+     */
+    handleSize?: HandleSize;
+    /**
+     * The handleHighlight is used to determine how the handle looks when the users mouse hovers over the handle element.
+     */
     handleHighlight?: HandleHighlight;
+    /**
+     * The handle can display a tooltip when mouse hovers.
+     */
     handleTooltipContent?: TooltipProps['content'];
 };
 export default function ResizerNext(props: PropsWithChildren<ResizerProps>): JSX.Element;

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

@@ -1,2 +1,2 @@
 export { default as ResizerNext } from './Resizer';
-export type { HandleAlignmentMethod, HandleHighlight, HandleHeightSizeType, HandlePositioning, EnabledHandles, HandleResize, Position, Snap, HandleResizeStart, Dimensions, } from './types';
+export type { HandleAlignmentMethod, HandleHighlight, HandleSize, HandlePositioning, EnabledHandles, HandleResize, Position, Snap, HandleResizeStart, Dimensions, } from './types';

package/dist/types/resizer/types.d.ts

@@ -21,7 +21,7 @@ export type HandleStyles = {
     right?: React.CSSProperties;
     left?: React.CSSProperties;
 };
-export type HandleHeightSizeType = 'small' | 'medium' | 'large';
+export type HandleSize = 'small' | 'medium' | 'large';
 export type HandleAlignmentMethod = 'center' | 'sticky';
 export type HandlePositioning = 'overlap' | 'adjacent';
 export type ResizerAppearance = 'danger';

package/dist/types-ts4.5/floating-toolbar/index.d.ts

@@ -0,0 +1,6 @@
+import type { FloatingToolbarItem } from '../types';
+export type Item = FloatingToolbarItem<Function>;
+export declare const shallowEqual: (objA?: Object, objB?: Object) => boolean;
+export declare const compareArrays: <T extends any[]>(left: T[], right: T[], compareFn?: (left: T, right: T) => boolean) => boolean;
+export declare const isSameItem: (leftItem: Item, rightItem: Item) => boolean;
+export declare const areSameItems: (leftArr?: Array<Item>, rightArr?: Array<Item>) => boolean;

package/dist/types-ts4.5/provider-factory/types.d.ts

@@ -1,18 +1,18 @@
-import { ActivityProvider } from '@atlaskit/activity-provider';
+import type { ActivityProvider } from '@atlaskit/activity-provider';
 import type { EmojiProvider } from '@atlaskit/emoji/types';
-import { MentionProvider } from '@atlaskit/mention/types';
-import { TaskDecisionProvider } from '@atlaskit/task-decision/types';
+import type { MentionProvider } from '@atlaskit/mention/types';
+import type { TaskDecisionProvider } from '@atlaskit/task-decision/types';
 import type { CollabEditProvider } from '../collab';
-import { ExtensionProvider } from '../extensions/types';
-import { AutoformattingProvider } from './autoformatting-provider';
-import { CardProvider } from './card-provider';
-import { ContextIdentifierProvider } from './context-identifier-provider';
-import { ImageUploadProvider } from './image-upload-provider';
-import { MacroProvider } from './macro-provider';
-import { MediaProvider } from './media-provider';
-import { ProfilecardProvider } from './profile-card-provider';
-import { QuickInsertProvider } from './quick-insert-provider';
-import { SearchProvider } from './search-provider';
+import type { ExtensionProvider } from '../extensions/types';
+import type { AutoformattingProvider } from './autoformatting-provider';
+import type { CardProvider } from './card-provider';
+import type { ContextIdentifierProvider } from './context-identifier-provider';
+import type { ImageUploadProvider } from './image-upload-provider';
+import type { MacroProvider } from './macro-provider';
+import type { MediaProvider } from './media-provider';
+import type { ProfilecardProvider } from './profile-card-provider';
+import type { QuickInsertProvider } from './quick-insert-provider';
+import type { SearchProvider } from './search-provider';
 export interface Providers {
     mediaProvider?: Promise<MediaProvider>;
     emojiProvider?: Promise<EmojiProvider>;

package/dist/types-ts4.5/resizer/Resizer.d.ts

@@ -1,32 +1,52 @@
-import React from 'react';
-import type { PropsWithChildren } from 'react';
-import type { HandleComponent } from 're-resizable';
+import type { CSSProperties, PropsWithChildren } from 'react';
 import type { TooltipProps } from '@atlaskit/tooltip';
-import type { EnabledHandles, HandleAlignmentMethod, HandleHeightSizeType, HandleHighlight, HandlePositioning, HandleResize, HandleResizeStart, HandleStyles, ResizerAppearance, Snap } from './types';
+import type { EnabledHandles, HandleAlignmentMethod, HandleHighlight, HandlePositioning, HandleResize, HandleResizeStart, HandleSize, HandleStyles, ResizerAppearance, Snap } from './types';
 export type ResizerProps = {
+    className?: string;
     enable: EnabledHandles;
     width: number;
-    handleResizeStart: HandleResizeStart;
-    handleResize: HandleResize;
-    handleResizeStop: HandleResize;
-    innerPadding?: number;
-    handleClassName?: string;
-    className?: string;
     minWidth?: number;
     maxWidth?: number;
-    handleWrapperStyle?: React.CSSProperties;
-    handleComponent?: HandleComponent;
-    handleStyles?: HandleStyles;
-    handlePositioning?: HandlePositioning;
-    handleHeightSize?: HandleHeightSizeType;
-    handleMarginTop?: number;
     snap?: Snap;
     snapGap?: number;
-    handleAlignmentMethod?: HandleAlignmentMethod;
     resizeRatio?: number;
-    isHandleVisible?: boolean;
     appearance?: ResizerAppearance;
+    isHandleVisible?: boolean;
+    handleResizeStart: HandleResizeStart;
+    handleResize: HandleResize;
+    handleResizeStop: HandleResize;
+    /**
+     * This can be used to override the css class name applied to the resize handle.
+     */
+    handleClassName?: string;
+    /**
+     * This is used to override the style of resize handles wrapper.
+     */
+    handleWrapperStyle?: CSSProperties;
+    /**
+     * This property is used to override the style of one or more resize handles. Only the axis you specify will have
+     * its handle style overriden.
+     */
+    handleStyles?: HandleStyles;
+    /**
+     * The handleAlignmentMethod is used in determining the vertical positioning of the resizer handle in relation to its children.
+     */
+    handleAlignmentMethod?: HandleAlignmentMethod;
+    /**
+     * The handlePositioning is used to determine the horizontal position of the resizer handle in relation to its children.
+     */
+    handlePositioning?: HandlePositioning;
+    /**
+     * The handleSize is used to determine the width/height of the handle element.
+     */
+    handleSize?: HandleSize;
+    /**
+     * The handleHighlight is used to determine how the handle looks when the users mouse hovers over the handle element.
+     */
     handleHighlight?: HandleHighlight;
+    /**
+     * The handle can display a tooltip when mouse hovers.
+     */
     handleTooltipContent?: TooltipProps['content'];
 };
 export default function ResizerNext(props: PropsWithChildren<ResizerProps>): JSX.Element;

package/dist/types-ts4.5/resizer/index.d.ts

@@ -1,2 +1,2 @@
 export { default as ResizerNext } from './Resizer';
-export type { HandleAlignmentMethod, HandleHighlight, HandleHeightSizeType, HandlePositioning, EnabledHandles, HandleResize, Position, Snap, HandleResizeStart, Dimensions, } from './types';
+export type { HandleAlignmentMethod, HandleHighlight, HandleSize, HandlePositioning, EnabledHandles, HandleResize, Position, Snap, HandleResizeStart, Dimensions, } from './types';

package/dist/types-ts4.5/resizer/types.d.ts

@@ -21,7 +21,7 @@ export type HandleStyles = {
     right?: React.CSSProperties;
     left?: React.CSSProperties;
 };
-export type HandleHeightSizeType = 'small' | 'medium' | 'large';
+export type HandleSize = 'small' | 'medium' | 'large';
 export type HandleAlignmentMethod = 'center' | 'sticky';
 export type HandlePositioning = 'overlap' | 'adjacent';
 export type ResizerAppearance = 'danger';

package/floating-toolbar/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/editor-common/floating-toolbar",
+  "main": "../dist/cjs/floating-toolbar/index.js",
+  "module": "../dist/esm/floating-toolbar/index.js",
+  "module:es2019": "../dist/es2019/floating-toolbar/index.js",
+  "sideEffects": false,
+  "types": "../dist/types/floating-toolbar/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <4.9": {
+      "*": [
+        "../dist/types-ts4.5/floating-toolbar/index.d.ts"
+      ]
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "75.8.4",
+  "version": "76.1.0",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -79,7 +79,8 @@
     "./commands": "./src/commands/index.ts",
     "./clipboard": "./src/clipboard/index.ts",
     "./lists": "./src/lists/index.ts",
-    "./element-browser": "./src/element-browser/index.ts"
+    "./element-browser": "./src/element-browser/index.ts",
+    "./floating-toolbar": "./src/floating-toolbar/index.ts"
   },
   "dependencies": {
     "@atlaskit/activity-provider": "^2.4.0",