@atlaskit/editor-common 72.1.2 → 72.2.1

package/dist/cjs/ui-color/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -65,19 +64,11 @@ Object.defineProperty(exports, "textColorPalette", {
     return _textColorPalette.textColorPalette;
   }
 });
-
 var _ColorPalette = _interopRequireDefault(require("./ColorPalette"));
-
 var _Color = _interopRequireDefault(require("./ColorPalette/Color"));
-
 var _cellBackgroundColorPalette = _interopRequireDefault(require("./ColorPalette/Palettes/cellBackgroundColorPalette"));
-
 var _paletteMessages = _interopRequireDefault(require("./ColorPalette/Palettes/paletteMessages"));
-
 var _panelBackgroundPalette = require("./ColorPalette/Palettes/panelBackgroundPalette");
-
 var _statusColorPalette = require("./ColorPalette/Palettes/statusColorPalette");
-
 var _textColorPalette = require("./ColorPalette/Palettes/textColorPalette");
-
 var _common = require("./ColorPalette/Palettes/common");

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

@@ -1,46 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Dropdown = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _uiReact = require("../../ui-react");
-
 var _DropList = _interopRequireDefault(require("../../ui/DropList"));
-
 var _Popup = _interopRequireDefault(require("../../ui/Popup"));
-
 var _MenuArrowKeyNavigationProvider = require("../MenuArrowKeyNavigationProvider");
-
 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 _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; } }
-
 /**
  * Wrapper around @atlaskit/droplist which uses Popup and Portal to render
  * droplist outside of "overflow: hidden" containers when needed.
@@ -49,12 +30,9 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
  */
 var Dropdown = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Dropdown, _PureComponent);
-
   var _super = _createSuper(Dropdown);
-
   function Dropdown(props) {
     var _this;
-
     (0, _classCallCheck2.default)(this, Dropdown);
     _this = _super.call(this, props);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleRef", function (target) {
@@ -72,24 +50,23 @@ var Dropdown = /*#__PURE__*/function (_PureComponent) {
     };
     return _this;
   }
-
   (0, _createClass2.default)(Dropdown, [{
     key: "renderDropdown",
     value: function renderDropdown() {
       var _this$state = this.state,
-          target = _this$state.target,
-          popupPlacement = _this$state.popupPlacement;
+        target = _this$state.target,
+        popupPlacement = _this$state.popupPlacement;
       var _this$props = this.props,
-          children = _this$props.children,
-          mountTo = _this$props.mountTo,
-          boundariesElement = _this$props.boundariesElement,
-          scrollableElement = _this$props.scrollableElement,
-          onOpenChange = _this$props.onOpenChange,
-          fitHeight = _this$props.fitHeight,
-          fitWidth = _this$props.fitWidth,
-          zIndex = _this$props.zIndex,
-          disableArrowKeyNavigation = _this$props.disableArrowKeyNavigation,
-          keyDownHandlerContext = _this$props.keyDownHandlerContext;
+        children = _this$props.children,
+        mountTo = _this$props.mountTo,
+        boundariesElement = _this$props.boundariesElement,
+        scrollableElement = _this$props.scrollableElement,
+        onOpenChange = _this$props.onOpenChange,
+        fitHeight = _this$props.fitHeight,
+        fitWidth = _this$props.fitWidth,
+        zIndex = _this$props.zIndex,
+        disableArrowKeyNavigation = _this$props.disableArrowKeyNavigation,
+        keyDownHandlerContext = _this$props.keyDownHandlerContext;
       return /*#__PURE__*/_react.default.createElement(_Popup.default, {
         target: target,
         mountTo: mountTo,
@@ -102,7 +79,7 @@ var Dropdown = /*#__PURE__*/function (_PureComponent) {
       }, /*#__PURE__*/_react.default.createElement(_MenuArrowKeyNavigationProvider.MenuArrowKeyNavigationProvider, {
         disableArrowKeyNavigation: disableArrowKeyNavigation,
         keyDownHandlerContext: keyDownHandlerContext,
-        closeonTab: true,
+        closeOnTab: true,
         handleClose: function handleClose(event) {
           return onOpenChange && onOpenChange({
             isOpen: false,
@@ -125,8 +102,8 @@ var Dropdown = /*#__PURE__*/function (_PureComponent) {
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-          trigger = _this$props2.trigger,
-          isOpen = _this$props2.isOpen;
+        trigger = _this$props2.trigger,
+        isOpen = _this$props2.isOpen;
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
         ref: this.handleRef
       }, trigger), isOpen ? this.renderDropdown() : null);
@@ -134,7 +111,6 @@ var Dropdown = /*#__PURE__*/function (_PureComponent) {
   }]);
   return Dropdown;
 }(_react.PureComponent);
-
 exports.Dropdown = Dropdown;
 var DropdownWithOuterListeners = (0, _uiReact.withReactEditorViewOuterListeners)(Dropdown);
 var _default = DropdownWithOuterListeners;

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

@@ -1,71 +1,40 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-
 var _menu = require("@atlaskit/menu");
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _components = require("@atlaskit/theme/components");
-
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-
 var _uiReact = require("../../ui-react");
-
 var _DropList = _interopRequireDefault(require("../../ui/DropList"));
-
 var _Popup = _interopRequireDefault(require("../../ui/Popup"));
-
 var _MenuArrowKeyNavigationProvider = require("../MenuArrowKeyNavigationProvider");
-
 var _excluded = ["children"];
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 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 _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; } }
-
 var wrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  /* tooltip in ToolbarButton is display:block */\n  & > div > div {\n    display: flex;\n  }\n"])));
 var focusedMenuItemStyle = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  box-shadow: inset 0px 0px 0px 2px ", ";\n  outline: none;\n"])), "var(--ds-border-focused, ".concat(_colors.B100, ")"));
-
 var buttonStyles = function buttonStyles(isActive) {
   return function (theme) {
     if (isActive) {
@@ -92,30 +61,26 @@ var buttonStyles = function buttonStyles(isActive) {
 };
 
 var DropListWithOutsideListeners = (0, _uiReact.withReactEditorViewOuterListeners)(_DropList.default);
+
 /**
  * Wrapper around @atlaskit/droplist which uses Popup and Portal to render
  * dropdown-menu outside of "overflow: hidden" containers when needed.
  *
  * Also it controls popper's placement.
  */
-
 var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(DropdownMenuWrapper, _PureComponent);
-
   var _super = _createSuper(DropdownMenuWrapper);
-
   function DropdownMenuWrapper() {
     var _this;
-
     (0, _classCallCheck2.default)(this, DropdownMenuWrapper);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      popupPlacement: ['bottom', 'left']
+      popupPlacement: ['bottom', 'left'],
+      selectionIndex: -1
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleRef", function (target) {
       _this.setState({
@@ -124,18 +89,15 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updatePopupPlacement", function (placement) {
       var previousPlacement = _this.state.popupPlacement;
-
       if (placement[0] !== previousPlacement[0] || placement[1] !== previousPlacement[1]) {
         _this.setState({
           popupPlacement: placement
         });
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleCloseandFocus", function () {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleCloseAndFocus", function () {
       var _this$state$target, _this$state$target$qu;
-
       _this.handleClose();
-
       (_this$state$target = _this.state.target) === null || _this$state$target === void 0 ? void 0 : (_this$state$target$qu = _this$state$target.querySelector('button')) === null || _this$state$target$qu === void 0 ? void 0 : _this$state$target$qu.focus();
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClose", function () {
@@ -147,28 +109,27 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
     });
     return _this;
   }
-
   (0, _createClass2.default)(DropdownMenuWrapper, [{
     key: "renderDropdownMenu",
     value: function renderDropdownMenu() {
       var _this2 = this;
-
       var _this$state = this.state,
-          target = _this$state.target,
-          popupPlacement = _this$state.popupPlacement;
+        target = _this$state.target,
+        popupPlacement = _this$state.popupPlacement;
       var _this$props = this.props,
-          items = _this$props.items,
-          mountTo = _this$props.mountTo,
-          boundariesElement = _this$props.boundariesElement,
-          scrollableElement = _this$props.scrollableElement,
-          offset = _this$props.offset,
-          fitHeight = _this$props.fitHeight,
-          fitWidth = _this$props.fitWidth,
-          isOpen = _this$props.isOpen,
-          zIndex = _this$props.zIndex,
-          shouldUseDefaultRole = _this$props.shouldUseDefaultRole,
-          disableArrowKeyNavigation = _this$props.disableArrowKeyNavigation,
-          keyDownHandlerContext = _this$props.keyDownHandlerContext;
+        items = _this$props.items,
+        mountTo = _this$props.mountTo,
+        boundariesElement = _this$props.boundariesElement,
+        scrollableElement = _this$props.scrollableElement,
+        offset = _this$props.offset,
+        fitHeight = _this$props.fitHeight,
+        fitWidth = _this$props.fitWidth,
+        isOpen = _this$props.isOpen,
+        zIndex = _this$props.zIndex,
+        shouldUseDefaultRole = _this$props.shouldUseDefaultRole,
+        disableArrowKeyNavigation = _this$props.disableArrowKeyNavigation,
+        keyDownHandlerContext = _this$props.keyDownHandlerContext,
+        onItemActivated = _this$props.onItemActivated;
       return (0, _react2.jsx)(_Popup.default, {
         target: isOpen ? target : undefined,
         mountTo: mountTo,
@@ -181,9 +142,21 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
         offset: offset
       }, (0, _react2.jsx)(_MenuArrowKeyNavigationProvider.MenuArrowKeyNavigationProvider, {
         disableArrowKeyNavigation: disableArrowKeyNavigation,
-        handleClose: this.handleCloseandFocus,
+        handleClose: this.handleCloseAndFocus,
         keyDownHandlerContext: keyDownHandlerContext,
-        closeonTab: true
+        onSelection: function onSelection(index) {
+          var result = [];
+          if (typeof onItemActivated === 'function') {
+            result = items.reduce(function (result, group) {
+              return result.concat(group.items);
+            }, result);
+            onItemActivated({
+              item: result[index],
+              shouldCloseMenu: false
+            });
+          }
+        },
+        closeOnTab: true
       }, (0, _react2.jsx)(DropListWithOutsideListeners, {
         isOpen: true,
         appearance: "tall",
@@ -192,7 +165,7 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
         shouldFitContainer: true,
         isTriggerNotTabbable: true,
         handleClickOutside: this.handleClose,
-        handleEscapeKeydown: this.handleCloseandFocus,
+        handleEscapeKeydown: this.handleCloseAndFocus,
         targetRef: this.state.target
       }, (0, _react2.jsx)("div", {
         style: {
@@ -205,7 +178,6 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
           role: shouldUseDefaultRole ? 'group' : 'menu'
         }, group.items.map(function (item) {
           var _item$key;
-
           return (0, _react2.jsx)(DropdownMenuItem, {
             key: (_item$key = item.key) !== null && _item$key !== void 0 ? _item$key : String(item.content),
             item: item,
@@ -221,8 +193,8 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-          children = _this$props2.children,
-          isOpen = _this$props2.isOpen;
+        children = _this$props2.children,
+        isOpen = _this$props2.isOpen;
       return (0, _react2.jsx)("div", {
         css: wrapper
       }, (0, _react2.jsx)("div", {
@@ -232,26 +204,21 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
   }]);
   return DropdownMenuWrapper;
 }(_react.PureComponent);
-
 exports.default = DropdownMenuWrapper;
-
 var DropdownMenuItemCustomComponent = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var children = props.children,
-      rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
   return (0, _react2.jsx)("span", (0, _extends2.default)({
     ref: ref
   }, rest), children);
 });
-
 function DropdownMenuItem(_ref) {
   var _item$key2;
-
   var item = _ref.item,
-      onItemActivated = _ref.onItemActivated,
-      shouldUseDefaultRole = _ref.shouldUseDefaultRole,
-      _onMouseEnter = _ref.onMouseEnter,
-      _onMouseLeave = _ref.onMouseLeave;
-
+    onItemActivated = _ref.onItemActivated,
+    shouldUseDefaultRole = _ref.shouldUseDefaultRole,
+    _onMouseEnter = _ref.onMouseEnter,
+    _onMouseLeave = _ref.onMouseLeave;
   // onClick and value.name are the action indicators in the handlers
   // If neither are present, don't wrap in an Item.
   if (!item.onClick && !(item.value && item.value.name)) {
@@ -259,14 +226,14 @@ function DropdownMenuItem(_ref) {
       key: String(item.content)
     }, item.content);
   }
-
   var dropListItem = (0, _react2.jsx)("div", {
     css: function css(theme) {
       return buttonStyles(item.isActive)({
         theme: theme
       });
     },
-    tabIndex: -1
+    tabIndex: -1,
+    "aria-disabled": item.isDisabled ? 'true' : 'false'
   }, (0, _react2.jsx)(_menu.CustomItem, {
     item: item,
     key: (_item$key2 = item.key) !== null && _item$key2 !== void 0 ? _item$key2 : String(item.content),
@@ -298,16 +265,13 @@ function DropdownMenuItem(_ref) {
       });
     }
   }, item.content));
-
   if (item.tooltipDescription) {
     var _item$key3;
-
     return (0, _react2.jsx)(_tooltip.default, {
       key: (_item$key3 = item.key) !== null && _item$key3 !== void 0 ? _item$key3 : String(item.content),
       content: item.tooltipDescription,
       position: item.tooltipPosition
     }, dropListItem);
   }
-
   return dropListItem;
 }