@atlaskit/editor-core 169.0.0 → 169.1.0

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

@@ -1,266 +0,0 @@
-"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 _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 = require("@emotion/react");
-
-var _react2 = require("react");
-
-var _reactIntlNext = require("react-intl-next");
-
-var _bulletList = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/bullet-list"));
-
-var _numberList = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/number-list"));
-
-var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
-
-var _keymaps = require("../../../../keymaps");
-
-var _ToolbarButton = _interopRequireWildcard(require("../../../../ui/ToolbarButton"));
-
-var _DropdownMenu = _interopRequireDefault(require("../../../../ui/DropdownMenu"));
-
-var _styles = require("../../../../ui/styles");
-
-var _commands = require("../../commands");
-
-var _messages = require("../../messages");
-
-var _analytics = require("../../../analytics");
-
-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 ToolbarLists = /*#__PURE__*/function (_PureComponent) {
-  (0, _inherits2.default)(ToolbarLists, _PureComponent);
-
-  var _super = _createSuper(ToolbarLists);
-
-  function ToolbarLists() {
-    var _this;
-
-    (0, _classCallCheck2.default)(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));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      isDropdownOpen: false
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onOpenChange", function (attrs) {
-      _this.setState({
-        isDropdownOpen: attrs.isDropdownOpen
-      });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleTriggerClick", function () {
-      _this.onOpenChange({
-        isDropdownOpen: !_this.state.isDropdownOpen
-      });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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.messages.unorderedList);
-      var labelOrderedList = formatMessage(_messages.messages.orderedList);
-      var items = [{
-        key: 'unorderedList',
-        content: labelUnorderedList,
-        value: {
-          name: 'bullet_list'
-        },
-        isDisabled: bulletListDisabled,
-        isActive: Boolean(bulletListActive),
-        elemAfter: (0, _react.jsx)("div", {
-          css: _styles.shortcutStyle
-        }, (0, _keymaps.tooltip)(_keymaps.toggleBulletList))
-      }, {
-        key: 'orderedList',
-        content: labelOrderedList,
-        value: {
-          name: 'ordered_list'
-        },
-        isDisabled: orderedListDisabled,
-        isActive: Boolean(orderedListActive),
-        elemAfter: (0, _react.jsx)("div", {
-          css: _styles.shortcutStyle
-        }, (0, _keymaps.tooltip)(_keymaps.toggleOrderedList))
-      }];
-      return [{
-        items: items
-      }];
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleBulletListClick", function () {
-      if (!_this.props.bulletListDisabled) {
-        if ((0, _commands.toggleBulletList)(_this.props.editorView, _analytics.INPUT_METHOD.TOOLBAR)) {
-          return true;
-        }
-      }
-
-      return false;
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleOrderedListClick", function () {
-      if (!_this.props.orderedListDisabled) {
-        if ((0, _commands.toggleOrderedList)(_this.props.editorView, _analytics.INPUT_METHOD.TOOLBAR)) {
-          return true;
-        }
-      }
-
-      return false;
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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;
-  }
-
-  (0, _createClass2.default)(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.messages.unorderedList);
-        var labelOrderedList = formatMessage(_messages.messages.orderedList);
-        return (0, _react.jsx)("span", {
-          css: _styles.buttonGroupStyle
-        }, (0, _react.jsx)(_ToolbarButton.default, {
-          buttonId: _ToolbarButton.TOOLBAR_BUTTON.BULLET_LIST,
-          spacing: isReducedSpacing ? 'none' : 'default',
-          onClick: this.handleBulletListClick,
-          selected: bulletListActive,
-          "aria-pressed": bulletListActive,
-          "aria-label": labelUnorderedList,
-          disabled: bulletListDisabled || disabled,
-          title: (0, _react.jsx)(_keymaps.ToolTipContent, {
-            description: labelUnorderedList,
-            keymap: _keymaps.toggleBulletList
-          }),
-          iconBefore: (0, _react.jsx)(_bulletList.default, {
-            label: ""
-          })
-        }), (0, _react.jsx)(_ToolbarButton.default, {
-          buttonId: _ToolbarButton.TOOLBAR_BUTTON.ORDERED_LIST,
-          spacing: isReducedSpacing ? 'none' : 'default',
-          onClick: this.handleOrderedListClick,
-          selected: orderedListActive,
-          "aria-pressed": orderedListActive,
-          "aria-label": labelOrderedList,
-          disabled: orderedListDisabled || disabled,
-          title: (0, _react.jsx)(_keymaps.ToolTipContent, {
-            description: labelOrderedList,
-            keymap: _keymaps.toggleOrderedList
-          }),
-          iconBefore: (0, _react.jsx)(_numberList.default, {
-            label: ""
-          })
-        }), isSeparator && (0, _react.jsx)("span", {
-          css: _styles.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.messages.lists);
-        return (0, _react.jsx)("span", {
-          css: _styles.wrapperStyle
-        }, (0, _react.jsx)(_DropdownMenu.default, {
-          items: items,
-          onItemActivated: this.onItemActivated,
-          mountTo: popupsMountPoint,
-          boundariesElement: popupsBoundariesElement,
-          scrollableElement: popupsScrollableElement,
-          isOpen: isDropdownOpen,
-          onOpenChange: this.onOpenChange,
-          fitHeight: 188,
-          fitWidth: 175,
-          shouldUseDefaultRole: true
-        }, (0, _react.jsx)(_ToolbarButton.default, {
-          spacing: isReducedSpacing ? 'none' : 'default',
-          selected: bulletListActive || orderedListActive,
-          "aria-expanded": isDropdownOpen,
-          "aria-haspopup": true,
-          "aria-label": labelLists,
-          disabled: disabled,
-          onClick: this.handleTriggerClick,
-          title: labelLists,
-          iconBefore: (0, _react.jsx)("span", {
-            css: _styles.wrapperStyle
-          }, (0, _react.jsx)(_bulletList.default, {
-            label: labelLists
-          }), (0, _react.jsx)("span", {
-            css: _styles.expandIconWrapperStyle
-          }, (0, _react.jsx)(_chevronDown.default, {
-            label: ""
-          })))
-        })), isSeparator && (0, _react.jsx)("span", {
-          css: _styles.separatorStyles
-        }));
-      }
-    }
-  }]);
-  return ToolbarLists;
-}(_react2.PureComponent);
-
-var _default = (0, _reactIntlNext.injectIntl)(ToolbarLists);
-
-exports.default = _default;

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

@@ -1,220 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-/** @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';
-
-class ToolbarLists extends PureComponent {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "state", {
-      isDropdownOpen: false
-    });
-
-    _defineProperty(this, "onOpenChange", attrs => {
-      this.setState({
-        isDropdownOpen: attrs.isDropdownOpen
-      });
-    });
-
-    _defineProperty(this, "handleTriggerClick", () => {
-      this.onOpenChange({
-        isDropdownOpen: !this.state.isDropdownOpen
-      });
-    });
-
-    _defineProperty(this, "createItems", () => {
-      const {
-        bulletListDisabled,
-        orderedListDisabled,
-        bulletListActive,
-        orderedListActive,
-        intl: {
-          formatMessage
-        }
-      } = this.props;
-      const labelUnorderedList = formatMessage(messages.unorderedList);
-      const labelOrderedList = formatMessage(messages.orderedList);
-      let 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
-      }];
-    });
-
-    _defineProperty(this, "handleBulletListClick", () => {
-      if (!this.props.bulletListDisabled) {
-        if (toggleBulletList(this.props.editorView, INPUT_METHOD.TOOLBAR)) {
-          return true;
-        }
-      }
-
-      return false;
-    });
-
-    _defineProperty(this, "handleOrderedListClick", () => {
-      if (!this.props.orderedListDisabled) {
-        if (toggleOrderedList(this.props.editorView, INPUT_METHOD.TOOLBAR)) {
-          return true;
-        }
-      }
-
-      return false;
-    });
-
-    _defineProperty(this, "onItemActivated", ({
-      item
-    }) => {
-      this.setState({
-        isDropdownOpen: false
-      });
-
-      switch (item.value.name) {
-        case 'bullet_list':
-          this.handleBulletListClick();
-          break;
-
-        case 'ordered_list':
-          this.handleOrderedListClick();
-          break;
-      }
-    });
-  }
-
-  render() {
-    const {
-      disabled,
-      isSmall,
-      isReducedSpacing,
-      isSeparator,
-      bulletListActive,
-      bulletListDisabled,
-      orderedListActive,
-      orderedListDisabled,
-      intl: {
-        formatMessage
-      }
-    } = this.props;
-    const {
-      isDropdownOpen
-    } = this.state;
-
-    if (!isSmall) {
-      const labelUnorderedList = formatMessage(messages.unorderedList);
-      const 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 {
-      const items = this.createItems();
-      const {
-        popupsMountPoint,
-        popupsBoundariesElement,
-        popupsScrollableElement
-      } = this.props;
-      const 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
-      }));
-    }
-  }
-
-}
-
-export default injectIntl(ToolbarLists);