@atlaskit/editor-core 169.0.0 → 169.1.0

package/dist/esm/plugins/list/ui/ToolbarLists/index.js

@@ -1,241 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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 */
-import { jsx } from '@emotion/react';
-import { PureComponent } from 'react';
-import { injectIntl } from 'react-intl-next';
-import BulletListIcon from '@atlaskit/icon/glyph/editor/bullet-list';
-import NumberListIcon from '@atlaskit/icon/glyph/editor/number-list';
-import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
-import { toggleBulletList as toggleBulletListKeymap, toggleOrderedList as toggleOrderedListKeymap, tooltip, ToolTipContent } from '../../../../keymaps';
-import ToolbarButton, { TOOLBAR_BUTTON } from '../../../../ui/ToolbarButton';
-import DropdownMenu from '../../../../ui/DropdownMenu';
-import { buttonGroupStyle, separatorStyles, wrapperStyle, expandIconWrapperStyle, shortcutStyle } from '../../../../ui/styles';
-import { toggleBulletList, toggleOrderedList } from '../../commands';
-import { messages } from '../../messages';
-import { INPUT_METHOD } from '../../../analytics';
-
-var ToolbarLists = /*#__PURE__*/function (_PureComponent) {
-  _inherits(ToolbarLists, _PureComponent);
-
-  var _super = _createSuper(ToolbarLists);
-
-  function ToolbarLists() {
-    var _this;
-
-    _classCallCheck(this, ToolbarLists);
-
-    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));
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      isDropdownOpen: false
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onOpenChange", function (attrs) {
-      _this.setState({
-        isDropdownOpen: attrs.isDropdownOpen
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleTriggerClick", function () {
-      _this.onOpenChange({
-        isDropdownOpen: !_this.state.isDropdownOpen
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "createItems", function () {
-      var _this$props = _this.props,
-          bulletListDisabled = _this$props.bulletListDisabled,
-          orderedListDisabled = _this$props.orderedListDisabled,
-          bulletListActive = _this$props.bulletListActive,
-          orderedListActive = _this$props.orderedListActive,
-          formatMessage = _this$props.intl.formatMessage;
-      var labelUnorderedList = formatMessage(messages.unorderedList);
-      var labelOrderedList = formatMessage(messages.orderedList);
-      var items = [{
-        key: 'unorderedList',
-        content: labelUnorderedList,
-        value: {
-          name: 'bullet_list'
-        },
-        isDisabled: bulletListDisabled,
-        isActive: Boolean(bulletListActive),
-        elemAfter: jsx("div", {
-          css: shortcutStyle
-        }, tooltip(toggleBulletListKeymap))
-      }, {
-        key: 'orderedList',
-        content: labelOrderedList,
-        value: {
-          name: 'ordered_list'
-        },
-        isDisabled: orderedListDisabled,
-        isActive: Boolean(orderedListActive),
-        elemAfter: jsx("div", {
-          css: shortcutStyle
-        }, tooltip(toggleOrderedListKeymap))
-      }];
-      return [{
-        items: items
-      }];
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleBulletListClick", function () {
-      if (!_this.props.bulletListDisabled) {
-        if (toggleBulletList(_this.props.editorView, INPUT_METHOD.TOOLBAR)) {
-          return true;
-        }
-      }
-
-      return false;
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleOrderedListClick", function () {
-      if (!_this.props.orderedListDisabled) {
-        if (toggleOrderedList(_this.props.editorView, INPUT_METHOD.TOOLBAR)) {
-          return true;
-        }
-      }
-
-      return false;
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onItemActivated", function (_ref) {
-      var item = _ref.item;
-
-      _this.setState({
-        isDropdownOpen: false
-      });
-
-      switch (item.value.name) {
-        case 'bullet_list':
-          _this.handleBulletListClick();
-
-          break;
-
-        case 'ordered_list':
-          _this.handleOrderedListClick();
-
-          break;
-      }
-    });
-
-    return _this;
-  }
-
-  _createClass(ToolbarLists, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          disabled = _this$props2.disabled,
-          isSmall = _this$props2.isSmall,
-          isReducedSpacing = _this$props2.isReducedSpacing,
-          isSeparator = _this$props2.isSeparator,
-          bulletListActive = _this$props2.bulletListActive,
-          bulletListDisabled = _this$props2.bulletListDisabled,
-          orderedListActive = _this$props2.orderedListActive,
-          orderedListDisabled = _this$props2.orderedListDisabled,
-          formatMessage = _this$props2.intl.formatMessage;
-      var isDropdownOpen = this.state.isDropdownOpen;
-
-      if (!isSmall) {
-        var labelUnorderedList = formatMessage(messages.unorderedList);
-        var labelOrderedList = formatMessage(messages.orderedList);
-        return jsx("span", {
-          css: buttonGroupStyle
-        }, jsx(ToolbarButton, {
-          buttonId: TOOLBAR_BUTTON.BULLET_LIST,
-          spacing: isReducedSpacing ? 'none' : 'default',
-          onClick: this.handleBulletListClick,
-          selected: bulletListActive,
-          "aria-pressed": bulletListActive,
-          "aria-label": labelUnorderedList,
-          disabled: bulletListDisabled || disabled,
-          title: jsx(ToolTipContent, {
-            description: labelUnorderedList,
-            keymap: toggleBulletListKeymap
-          }),
-          iconBefore: jsx(BulletListIcon, {
-            label: ""
-          })
-        }), jsx(ToolbarButton, {
-          buttonId: TOOLBAR_BUTTON.ORDERED_LIST,
-          spacing: isReducedSpacing ? 'none' : 'default',
-          onClick: this.handleOrderedListClick,
-          selected: orderedListActive,
-          "aria-pressed": orderedListActive,
-          "aria-label": labelOrderedList,
-          disabled: orderedListDisabled || disabled,
-          title: jsx(ToolTipContent, {
-            description: labelOrderedList,
-            keymap: toggleOrderedListKeymap
-          }),
-          iconBefore: jsx(NumberListIcon, {
-            label: ""
-          })
-        }), isSeparator && jsx("span", {
-          css: separatorStyles
-        }));
-      } else {
-        var items = this.createItems();
-        var _this$props3 = this.props,
-            popupsMountPoint = _this$props3.popupsMountPoint,
-            popupsBoundariesElement = _this$props3.popupsBoundariesElement,
-            popupsScrollableElement = _this$props3.popupsScrollableElement;
-        var labelLists = formatMessage(messages.lists);
-        return jsx("span", {
-          css: wrapperStyle
-        }, jsx(DropdownMenu, {
-          items: items,
-          onItemActivated: this.onItemActivated,
-          mountTo: popupsMountPoint,
-          boundariesElement: popupsBoundariesElement,
-          scrollableElement: popupsScrollableElement,
-          isOpen: isDropdownOpen,
-          onOpenChange: this.onOpenChange,
-          fitHeight: 188,
-          fitWidth: 175,
-          shouldUseDefaultRole: true
-        }, jsx(ToolbarButton, {
-          spacing: isReducedSpacing ? 'none' : 'default',
-          selected: bulletListActive || orderedListActive,
-          "aria-expanded": isDropdownOpen,
-          "aria-haspopup": true,
-          "aria-label": labelLists,
-          disabled: disabled,
-          onClick: this.handleTriggerClick,
-          title: labelLists,
-          iconBefore: jsx("span", {
-            css: wrapperStyle
-          }, jsx(BulletListIcon, {
-            label: labelLists
-          }), jsx("span", {
-            css: expandIconWrapperStyle
-          }, jsx(ExpandIcon, {
-            label: ""
-          })))
-        })), isSeparator && jsx("span", {
-          css: separatorStyles
-        }));
-      }
-    }
-  }]);
-
-  return ToolbarLists;
-}(PureComponent);
-
-export default injectIntl(ToolbarLists);