@atlaskit/editor-common 75.8.1 → 75.8.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-common
 
+## 75.8.3
+
+### Patch Changes
+
+- [`36b7e4fd8d5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/36b7e4fd8d5) - ED-20017 Clean up unused functions in Dropdown
+
+## 75.8.2
+
+### Patch Changes
+
+- [`b8e2bd46490`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b8e2bd46490) - [ED-19868](https://product-fabric.atlassian.net/browse/ED-19868) added text length for analytics
+
 ## 75.8.1
 
 ### Patch Changes

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var 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.1";
+var packageVersion = "75.8.3";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -24,7 +24,7 @@ var _templateObject, _templateObject2, _templateObject3;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "75.8.1";
+var packageVersion = "75.8.3";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/cjs/ui-menu/Dropdown/index.js

@@ -83,7 +83,7 @@ var Dropdown = /*#__PURE__*/function (_PureComponent) {
         dropdownListId = _this$props.dropdownListId,
         alignDropdownWithParentElement = _this$props.alignDropdownWithParentElement;
       return /*#__PURE__*/_react.default.createElement(_Popup.default, {
-        target: alignDropdownWithParentElement ? target === null || target === void 0 ? void 0 : target.closest("[data-testid='editor-floating-toolbar'") : target,
+        target: alignDropdownWithParentElement ? target === null || target === void 0 ? void 0 : target.closest("[data-testid='editor-floating-toolbar']") : target,
         mountTo: mountTo,
         boundariesElement: boundariesElement,
         scrollableElement: scrollableElement,

package/dist/cjs/ui-menu/DropdownContainer/index.js

@@ -6,28 +6,32 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DropdownContainer = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
+var _types = require("../ArrowKeyNavigationProvider/types");
 var _Dropdown = _interopRequireDefault(require("../Dropdown"));
 var _ToolbarArrowKeyNavigationProvider = require("../ToolbarArrowKeyNavigationProvider");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */
-var DropdownContainer = /*#__PURE__*/_react.default.memo(function (_ref) {
-  var props = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref), _ref));
+var DropdownContainer = /*#__PURE__*/_react.default.memo(function DropdownContainer(props) {
   var keyDownHandlerContext = (0, _react.useContext)(_ToolbarArrowKeyNavigationProvider.KeyDownHandlerContext);
+  var newArrowKeyNavigationProviderOptions = props.arrowKeyNavigationProviderOptions;
+  // if the dropdown is of type menu, use this keyDownHandlerContext
+  if (props.arrowKeyNavigationProviderOptions.type === _types.ArrowKeyNavigationType.MENU) {
+    newArrowKeyNavigationProviderOptions = _objectSpread(_objectSpread({}, props.arrowKeyNavigationProviderOptions), {}, {
+      keyDownHandlerContext: keyDownHandlerContext
+    });
+  }
   return (
     //This context is to handle the tab, Arrow Right/Left key events for dropdown.
     //Default context has the void callbacks for above key events
-    (0, _react2.jsx)(_Dropdown.default, (0, _extends2.default)({
-      arrowKeyNavigationProviderOptions: _objectSpread(_objectSpread({}, props.arrowKeyNavigationProviderOptions), {}, {
-        keyDownHandlerContext: keyDownHandlerContext
-      })
-    }, props))
+    (0, _react2.jsx)(_Dropdown.default, (0, _extends2.default)({}, props, {
+      arrowKeyNavigationProviderOptions: newArrowKeyNavigationProviderOptions
+    }))
   );
 });
 exports.DropdownContainer = DropdownContainer;

package/dist/cjs/utils/input-rules.js

@@ -16,6 +16,9 @@ var inputRuleWithAnalytics = function inputRuleWithAnalytics(getPayload, analyti
   return function (originalRule) {
     var onHandlerApply = function onHandlerApply(state, tr, matchResult) {
       var payload = typeof getPayload === 'function' ? getPayload(state, matchResult) : getPayload;
+      if (payload && payload.attributes) {
+        payload.attributes.formatSize = typeof matchResult[0] === 'string' ? matchResult[0].length : 0;
+      }
       analyticsApi === null || analyticsApi === void 0 ? void 0 : analyticsApi.attachAnalyticsEvent(payload)(tr);
       if (originalRule.onHandlerApply) {
         originalRule.onHandlerApply(state, tr, matchResult);

package/dist/es2019/monitoring/error.js

@@ -1,6 +1,6 @@
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "75.8.1";
+const packageVersion = "75.8.3";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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.1";
+const packageVersion = "75.8.3";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/es2019/ui-menu/Dropdown/index.js

@@ -60,7 +60,7 @@ export class Dropdown extends PureComponent {
       alignDropdownWithParentElement
     } = this.props;
     return /*#__PURE__*/React.createElement(Popup, {
-      target: alignDropdownWithParentElement ? target === null || target === void 0 ? void 0 : target.closest("[data-testid='editor-floating-toolbar'") : target,
+      target: alignDropdownWithParentElement ? target === null || target === void 0 ? void 0 : target.closest("[data-testid='editor-floating-toolbar']") : target,
       mountTo: mountTo,
       boundariesElement: boundariesElement,
       scrollableElement: scrollableElement,

package/dist/es2019/ui-menu/DropdownContainer/index.js

@@ -2,20 +2,24 @@ import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import React, { useContext } from 'react';
 import { jsx } from '@emotion/react';
+import { ArrowKeyNavigationType } from '../ArrowKeyNavigationProvider/types';
 import DropdownComponent from '../Dropdown';
 import { KeyDownHandlerContext } from '../ToolbarArrowKeyNavigationProvider';
-export const DropdownContainer = /*#__PURE__*/React.memo(({
-  ...props
-}) => {
+export const DropdownContainer = /*#__PURE__*/React.memo(function DropdownContainer(props) {
   const keyDownHandlerContext = useContext(KeyDownHandlerContext);
+  let newArrowKeyNavigationProviderOptions = props.arrowKeyNavigationProviderOptions;
+  // if the dropdown is of type menu, use this keyDownHandlerContext
+  if (props.arrowKeyNavigationProviderOptions.type === ArrowKeyNavigationType.MENU) {
+    newArrowKeyNavigationProviderOptions = {
+      ...props.arrowKeyNavigationProviderOptions,
+      keyDownHandlerContext
+    };
+  }
   return (
     //This context is to handle the tab, Arrow Right/Left key events for dropdown.
     //Default context has the void callbacks for above key events
-    jsx(DropdownComponent, _extends({
-      arrowKeyNavigationProviderOptions: {
-        ...props.arrowKeyNavigationProviderOptions,
-        keyDownHandlerContext
-      }
-    }, props))
+    jsx(DropdownComponent, _extends({}, props, {
+      arrowKeyNavigationProviderOptions: newArrowKeyNavigationProviderOptions
+    }))
   );
 });

package/dist/es2019/utils/input-rules.js

@@ -6,6 +6,9 @@ export const inputRuleWithAnalytics = (getPayload, analyticsApi) => {
   return originalRule => {
     const onHandlerApply = (state, tr, matchResult) => {
       const payload = typeof getPayload === 'function' ? getPayload(state, matchResult) : getPayload;
+      if (payload && payload.attributes) {
+        payload.attributes.formatSize = typeof matchResult[0] === 'string' ? matchResult[0].length : 0;
+      }
       analyticsApi === null || analyticsApi === void 0 ? void 0 : analyticsApi.attachAnalyticsEvent(payload)(tr);
       if (originalRule.onHandlerApply) {
         originalRule.onHandlerApply(state, tr, matchResult);

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.1";
+var packageVersion = "75.8.3";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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.1";
+var packageVersion = "75.8.3";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/esm/ui-menu/Dropdown/index.js

@@ -73,7 +73,7 @@ export var Dropdown = /*#__PURE__*/function (_PureComponent) {
         dropdownListId = _this$props.dropdownListId,
         alignDropdownWithParentElement = _this$props.alignDropdownWithParentElement;
       return /*#__PURE__*/React.createElement(Popup, {
-        target: alignDropdownWithParentElement ? target === null || target === void 0 ? void 0 : target.closest("[data-testid='editor-floating-toolbar'") : target,
+        target: alignDropdownWithParentElement ? target === null || target === void 0 ? void 0 : target.closest("[data-testid='editor-floating-toolbar']") : target,
         mountTo: mountTo,
         boundariesElement: boundariesElement,
         scrollableElement: scrollableElement,

package/dist/esm/ui-menu/DropdownContainer/index.js

@@ -1,23 +1,27 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
 import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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; }
 /** @jsx jsx */
 import React, { useContext } from 'react';
 import { jsx } from '@emotion/react';
+import { ArrowKeyNavigationType } from '../ArrowKeyNavigationProvider/types';
 import DropdownComponent from '../Dropdown';
 import { KeyDownHandlerContext } from '../ToolbarArrowKeyNavigationProvider';
-export var DropdownContainer = /*#__PURE__*/React.memo(function (_ref) {
-  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+export var DropdownContainer = /*#__PURE__*/React.memo(function DropdownContainer(props) {
   var keyDownHandlerContext = useContext(KeyDownHandlerContext);
+  var newArrowKeyNavigationProviderOptions = props.arrowKeyNavigationProviderOptions;
+  // if the dropdown is of type menu, use this keyDownHandlerContext
+  if (props.arrowKeyNavigationProviderOptions.type === ArrowKeyNavigationType.MENU) {
+    newArrowKeyNavigationProviderOptions = _objectSpread(_objectSpread({}, props.arrowKeyNavigationProviderOptions), {}, {
+      keyDownHandlerContext: keyDownHandlerContext
+    });
+  }
   return (
     //This context is to handle the tab, Arrow Right/Left key events for dropdown.
     //Default context has the void callbacks for above key events
-    jsx(DropdownComponent, _extends({
-      arrowKeyNavigationProviderOptions: _objectSpread(_objectSpread({}, props.arrowKeyNavigationProviderOptions), {}, {
-        keyDownHandlerContext: keyDownHandlerContext
-      })
-    }, props))
+    jsx(DropdownComponent, _extends({}, props, {
+      arrowKeyNavigationProviderOptions: newArrowKeyNavigationProviderOptions
+    }))
   );
 });

package/dist/esm/utils/input-rules.js

@@ -9,6 +9,9 @@ export var inputRuleWithAnalytics = function inputRuleWithAnalytics(getPayload,
   return function (originalRule) {
     var onHandlerApply = function onHandlerApply(state, tr, matchResult) {
       var payload = typeof getPayload === 'function' ? getPayload(state, matchResult) : getPayload;
+      if (payload && payload.attributes) {
+        payload.attributes.formatSize = typeof matchResult[0] === 'string' ? matchResult[0].length : 0;
+      }
       analyticsApi === null || analyticsApi === void 0 ? void 0 : analyticsApi.attachAnalyticsEvent(payload)(tr);
       if (originalRule.onHandlerApply) {
         originalRule.onHandlerApply(state, tr, matchResult);

package/dist/types/ui-menu/Dropdown/index.d.ts

@@ -1,7 +1,9 @@
 import React, { PureComponent } from 'react';
+import type { WithOutsideClickProps } from '../../ui-react/with-react-editor-view-outer-listeners';
 import type { OpenChangedEvent } from '../../ui/DropList';
 import type { ArrowKeyNavigationProviderOptions } from '../ArrowKeyNavigationProvider/types';
 export interface Props {
+    children?: React.ReactNode;
     mountTo?: HTMLElement;
     boundariesElement?: HTMLElement;
     scrollableElement?: HTMLElement;
@@ -34,5 +36,6 @@ export declare class Dropdown extends PureComponent<Props, State> {
     private renderDropdown;
     render(): JSX.Element;
 }
-declare const DropdownWithOuterListeners: React.FC<Props & import("../../ui-react/with-react-editor-view-outer-listeners").WithOutsideClickProps>;
+export type DropdownPropsWithOutsideClickProps = Props & WithOutsideClickProps;
+declare const DropdownWithOuterListeners: React.ComponentType<DropdownPropsWithOutsideClickProps>;
 export default DropdownWithOuterListeners;

package/dist/types/ui-menu/DropdownContainer/index.d.ts

@@ -1,3 +1,3 @@
 /** @jsx jsx */
 import React from 'react';
-export declare const DropdownContainer: React.FC<any>;
+export declare const DropdownContainer: React.NamedExoticComponent<import("../Dropdown").Props & import("../../ui-react/with-react-editor-view-outer-listeners").WithOutsideClickProps>;

package/dist/types-ts4.5/ui-menu/Dropdown/index.d.ts

@@ -1,7 +1,9 @@
 import React, { PureComponent } from 'react';
+import type { WithOutsideClickProps } from '../../ui-react/with-react-editor-view-outer-listeners';
 import type { OpenChangedEvent } from '../../ui/DropList';
 import type { ArrowKeyNavigationProviderOptions } from '../ArrowKeyNavigationProvider/types';
 export interface Props {
+    children?: React.ReactNode;
     mountTo?: HTMLElement;
     boundariesElement?: HTMLElement;
     scrollableElement?: HTMLElement;
@@ -37,5 +39,6 @@ export declare class Dropdown extends PureComponent<Props, State> {
     private renderDropdown;
     render(): JSX.Element;
 }
-declare const DropdownWithOuterListeners: React.FC<Props & import("../../ui-react/with-react-editor-view-outer-listeners").WithOutsideClickProps>;
+export type DropdownPropsWithOutsideClickProps = Props & WithOutsideClickProps;
+declare const DropdownWithOuterListeners: React.ComponentType<DropdownPropsWithOutsideClickProps>;
 export default DropdownWithOuterListeners;

package/dist/types-ts4.5/ui-menu/DropdownContainer/index.d.ts

@@ -1,3 +1,3 @@
 /** @jsx jsx */
 import React from 'react';
-export declare const DropdownContainer: React.FC<any>;
+export declare const DropdownContainer: React.NamedExoticComponent<import("../Dropdown").Props & import("../../ui-react/with-react-editor-view-outer-listeners").WithOutsideClickProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "75.8.1",
+  "version": "75.8.3",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"