@atlaskit/editor-core 176.0.2 → 177.0.0

package/dist/cjs/plugins/card/ui/LinkToolbarIconDropdown.js

@@ -1,181 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LinkToolbarIconDropdown = exports.ICON_WIDTH = exports.ICON_HEIGHT = void 0;
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@emotion/react");
-
-var _menu = require("@atlaskit/menu");
-
-var _constants = require("@atlaskit/theme/constants");
-
-var _colors = require("@atlaskit/theme/colors");
-
-var _tokens = require("@atlaskit/tokens");
-
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-
-var _Dropdown = _interopRequireDefault(require("../../floating-toolbar/ui/Dropdown"));
-
-var _excluded = ["options"];
-var ICON_HEIGHT = 40;
-exports.ICON_HEIGHT = ICON_HEIGHT;
-var ICON_WIDTH = 40;
-exports.ICON_WIDTH = ICON_WIDTH;
-var iconBoxStyles = (0, _react2.css)({
-  width: ICON_HEIGHT,
-  height: ICON_WIDTH,
-  overflow: 'hidden',
-  border: "1px solid ".concat((0, _tokens.token)('color.border', 'rgba(223, 225, 229, 0.5)'))
-  /* N60 at 50% */
-  ,
-  borderRadius: (0, _constants.borderRadius)(),
-  boxSizing: 'border-box',
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  backgroundColor: (0, _tokens.token)('elevation.surface', 'white')
-});
-var primitiveStyles = (0, _react2.css)({
-  padding: '0.75rem',
-  alignItems: 'flex-start'
-});
-var interactiveStyles = (0, _react2.css)({
-  '&:active': {
-    backgroundColor: (0, _tokens.token)('color.background.selected.pressed', _colors.B50),
-    color: (0, _tokens.token)('color.text.selected', _colors.B400)
-  }
-});
-var unselectedStyles = (0, _react2.css)({
-  '&:hover': {
-    backgroundColor: (0, _tokens.token)('color.background.neutral.subtle.hovered', _colors.N20),
-    color: (0, _tokens.token)('color.text.brand', 'currentColor')
-  }
-});
-var selectedOptionStyles = (0, _react2.css)({
-  backgroundColor: (0, _tokens.token)('color.background.selected.pressed', _colors.B50),
-  color: (0, _tokens.token)('color.text.selected', 'currentColor'),
-  '&:hover': {
-    backgroundColor: (0, _tokens.token)('color.background.selected.pressed', _colors.B50),
-    color: (0, _tokens.token)('color.text.selected', 'currentColor')
-  }
-});
-var titleOffsetStyles = (0, _react2.css)({
-  marginTop: '0.125rem'
-});
-
-var getCustomStyles = function getCustomStyles(selected, disabled) {
-  if (disabled) {
-    return [primitiveStyles];
-  }
-
-  if (selected) {
-    return [primitiveStyles, selectedOptionStyles, interactiveStyles];
-  }
-
-  return [primitiveStyles, unselectedStyles, interactiveStyles];
-};
-
-//tabindex is -1 as the menu options should be focusable explicitly only by arrow keys.
-var OptionRoot = function OptionRoot(props) {
-  return (0, _react2.jsx)("div", (0, _extends2.default)({}, props, {
-    tabIndex: -1
-  }));
-};
-
-var Option = function Option(_ref) {
-  var title = _ref.title,
-      description = _ref.description,
-      selected = _ref.selected,
-      disabled = _ref.disabled,
-      _onClick = _ref.onClick,
-      Icon = _ref.icon,
-      testId = _ref.testId,
-      tooltipContent = _ref.tooltipContent,
-      hide = _ref.hide;
-  var option = (0, _react2.jsx)(_menu.CustomItem, {
-    "aria-label": title,
-    component: OptionRoot,
-    iconBefore: (0, _react2.jsx)("div", {
-      css: iconBoxStyles
-    }, (0, _react2.jsx)(Icon, {
-      width: 38,
-      height: 38,
-      label: title
-    })) // @ts-ignore Overriding Menu styles is not supported
-    ,
-    css: getCustomStyles(selected, disabled),
-    description: description,
-    testId: testId,
-    onClick: function onClick(event) {
-      event.preventDefault();
-
-      if (!disabled) {
-        _onClick();
-
-        hide();
-      }
-    },
-    onKeyDown: function onKeyDown(event) {
-      if (event.key === 'Enter' || event.key === 'Space') {
-        event.preventDefault();
-
-        if (!disabled) {
-          _onClick();
-
-          hide();
-        }
-      }
-    },
-    role: "option",
-    "aria-selected": selected,
-    isSelected: selected,
-    isDisabled: disabled,
-    shouldDescriptionWrap: true
-  }, (0, _react2.jsx)("div", {
-    css: titleOffsetStyles
-  }, title));
-
-  if (tooltipContent) {
-    return (0, _react2.jsx)(_tooltip.default, {
-      content: tooltipContent
-    }, option);
-  }
-
-  return option;
-};
-
-var LinkToolbarIconDropdown = function LinkToolbarIconDropdown(_ref2) {
-  var options = _ref2.options,
-      rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
-  return (0, _react2.jsx)(_Dropdown.default, (0, _extends2.default)({}, rest, {
-    options: {
-      render: function render(_ref3) {
-        var hide = _ref3.hide;
-        return (0, _react2.jsx)(_menu.MenuGroup, null, (0, _react2.jsx)("div", {
-          role: "listbox"
-        }, (0, _react2.jsx)(_menu.Section, null, options.map(function (props) {
-          return (0, _react2.jsx)(Option, (0, _extends2.default)({
-            key: props.testId
-          }, props, {
-            hide: hide
-          }));
-        }))));
-      },
-      width: 320,
-      height: 200
-    }
-  }));
-};
-
-exports.LinkToolbarIconDropdown = LinkToolbarIconDropdown;

package/dist/cjs/plugins/card/ui/link-toolbar-icon-dropdown-options.js

@@ -1,66 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getIconDropdownOption = void 0;
-
-var _messages = require("../messages");
-
-var _card = require("./assets/card");
-
-var _embed = require("./assets/embed");
-
-var _inline = require("./assets/inline");
-
-var _url = require("./assets/url");
-
-var appearancePropsMap = {
-  url: {
-    title: _messages.messages.urlTitle,
-    description: _messages.messages.urlDescription,
-    icon: _url.IconUrl
-  },
-  inline: {
-    title: _messages.messages.inlineTitle,
-    description: _messages.messages.inlineDescription,
-    icon: _inline.IconInline
-  },
-  block: {
-    title: _messages.messages.blockTitle,
-    description: _messages.messages.blockDescription,
-    icon: _card.IconCard
-  },
-  embed: {
-    title: _messages.messages.embedTitle,
-    description: _messages.messages.embedDescription,
-    icon: _embed.IconEmbed
-  }
-};
-
-var getIconDropdownOption = function getIconDropdownOption(intl, dispatchCommand, _ref) {
-  var disabled = _ref.disabled,
-      _onClick = _ref.onClick,
-      selected = _ref.selected,
-      appearance = _ref.appearance,
-      testId = _ref.testId,
-      tooltip = _ref.tooltip;
-  var _appearancePropsMap = appearancePropsMap[appearance !== null && appearance !== void 0 ? appearance : 'url'],
-      title = _appearancePropsMap.title,
-      description = _appearancePropsMap.description,
-      icon = _appearancePropsMap.icon;
-  return {
-    title: intl.formatMessage(title),
-    description: intl.formatMessage(description),
-    icon: icon,
-    onClick: function onClick() {
-      return dispatchCommand(_onClick);
-    },
-    selected: Boolean(selected),
-    disabled: Boolean(disabled),
-    tooltipContent: tooltip,
-    testId: testId
-  };
-};
-
-exports.getIconDropdownOption = getIconDropdownOption;

package/dist/cjs/plugins/emoji/ui/EmojiContextProvider/index.js

@@ -1,61 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EmojiContextProvider = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-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 = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-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 EmojiContextProvider = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(EmojiContextProvider, _React$Component);
-
-  var _super = _createSuper(EmojiContextProvider);
-
-  function EmojiContextProvider() {
-    (0, _classCallCheck2.default)(this, EmojiContextProvider);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2.default)(EmojiContextProvider, [{
-    key: "getChildContext",
-    value: function getChildContext() {
-      return {
-        emoji: {
-          emojiProvider: this.props.emojiProvider
-        }
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return this.props.children;
-    }
-  }]);
-  return EmojiContextProvider;
-}(_react.default.Component);
-
-exports.EmojiContextProvider = EmojiContextProvider;
-(0, _defineProperty2.default)(EmojiContextProvider, "childContextTypes", {
-  emoji: _propTypes.default.object
-});

package/dist/es2019/plugins/card/ui/LinkToolbarIconDropdown.js

@@ -1,151 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-
-/** @jsx jsx */
-import React from 'react';
-import { css, jsx } from '@emotion/react';
-import { MenuGroup, Section, CustomItem } from '@atlaskit/menu';
-import { borderRadius } from '@atlaskit/theme/constants';
-import { B50, N20, B400 } from '@atlaskit/theme/colors';
-import { token } from '@atlaskit/tokens';
-import Tooltip from '@atlaskit/tooltip';
-import Dropdown from '../../floating-toolbar/ui/Dropdown';
-export const ICON_HEIGHT = 40;
-export const ICON_WIDTH = 40;
-const iconBoxStyles = css({
-  width: ICON_HEIGHT,
-  height: ICON_WIDTH,
-  overflow: 'hidden',
-  border: `1px solid ${token('color.border', 'rgba(223, 225, 229, 0.5)')}`
-  /* N60 at 50% */
-  ,
-  borderRadius: borderRadius(),
-  boxSizing: 'border-box',
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  backgroundColor: token('elevation.surface', 'white')
-});
-const primitiveStyles = css({
-  padding: '0.75rem',
-  alignItems: 'flex-start'
-});
-const interactiveStyles = css({
-  '&:active': {
-    backgroundColor: token('color.background.selected.pressed', B50),
-    color: token('color.text.selected', B400)
-  }
-});
-const unselectedStyles = css({
-  '&:hover': {
-    backgroundColor: token('color.background.neutral.subtle.hovered', N20),
-    color: token('color.text.brand', 'currentColor')
-  }
-});
-const selectedOptionStyles = css({
-  backgroundColor: token('color.background.selected.pressed', B50),
-  color: token('color.text.selected', 'currentColor'),
-  '&:hover': {
-    backgroundColor: token('color.background.selected.pressed', B50),
-    color: token('color.text.selected', 'currentColor')
-  }
-});
-const titleOffsetStyles = css({
-  marginTop: '0.125rem'
-});
-
-const getCustomStyles = (selected, disabled) => {
-  if (disabled) {
-    return [primitiveStyles];
-  }
-
-  if (selected) {
-    return [primitiveStyles, selectedOptionStyles, interactiveStyles];
-  }
-
-  return [primitiveStyles, unselectedStyles, interactiveStyles];
-};
-
-//tabindex is -1 as the menu options should be focusable explicitly only by arrow keys.
-const OptionRoot = props => jsx("div", _extends({}, props, {
-  tabIndex: -1
-}));
-
-const Option = ({
-  title,
-  description,
-  selected,
-  disabled,
-  onClick,
-  icon: Icon,
-  testId,
-  tooltipContent,
-  hide
-}) => {
-  const option = jsx(CustomItem, {
-    "aria-label": title,
-    component: OptionRoot,
-    iconBefore: jsx("div", {
-      css: iconBoxStyles
-    }, jsx(Icon, {
-      width: 38,
-      height: 38,
-      label: title
-    })) // @ts-ignore Overriding Menu styles is not supported
-    ,
-    css: getCustomStyles(selected, disabled),
-    description: description,
-    testId: testId,
-    onClick: event => {
-      event.preventDefault();
-
-      if (!disabled) {
-        onClick();
-        hide();
-      }
-    },
-    onKeyDown: event => {
-      if (event.key === 'Enter' || event.key === 'Space') {
-        event.preventDefault();
-
-        if (!disabled) {
-          onClick();
-          hide();
-        }
-      }
-    },
-    role: "option",
-    "aria-selected": selected,
-    isSelected: selected,
-    isDisabled: disabled,
-    shouldDescriptionWrap: true
-  }, jsx("div", {
-    css: titleOffsetStyles
-  }, title));
-
-  if (tooltipContent) {
-    return jsx(Tooltip, {
-      content: tooltipContent
-    }, option);
-  }
-
-  return option;
-};
-
-export const LinkToolbarIconDropdown = ({
-  options,
-  ...rest
-}) => jsx(Dropdown, _extends({}, rest, {
-  options: {
-    render: ({
-      hide
-    }) => jsx(MenuGroup, null, jsx("div", {
-      role: "listbox"
-    }, jsx(Section, null, options.map(props => jsx(Option, _extends({
-      key: props.testId
-    }, props, {
-      hide: hide
-    })))))),
-    width: 320,
-    height: 200
-  }
-}));

package/dist/es2019/plugins/card/ui/link-toolbar-icon-dropdown-options.js

@@ -1,51 +0,0 @@
-import { messages } from '../messages';
-import { IconCard } from './assets/card';
-import { IconEmbed } from './assets/embed';
-import { IconInline } from './assets/inline';
-import { IconUrl } from './assets/url';
-const appearancePropsMap = {
-  url: {
-    title: messages.urlTitle,
-    description: messages.urlDescription,
-    icon: IconUrl
-  },
-  inline: {
-    title: messages.inlineTitle,
-    description: messages.inlineDescription,
-    icon: IconInline
-  },
-  block: {
-    title: messages.blockTitle,
-    description: messages.blockDescription,
-    icon: IconCard
-  },
-  embed: {
-    title: messages.embedTitle,
-    description: messages.embedDescription,
-    icon: IconEmbed
-  }
-};
-export const getIconDropdownOption = (intl, dispatchCommand, {
-  disabled,
-  onClick,
-  selected,
-  appearance,
-  testId,
-  tooltip
-}) => {
-  const {
-    title,
-    description,
-    icon
-  } = appearancePropsMap[appearance !== null && appearance !== void 0 ? appearance : 'url'];
-  return {
-    title: intl.formatMessage(title),
-    description: intl.formatMessage(description),
-    icon,
-    onClick: () => dispatchCommand(onClick),
-    selected: Boolean(selected),
-    disabled: Boolean(disabled),
-    tooltipContent: tooltip,
-    testId
-  };
-};

package/dist/es2019/plugins/emoji/ui/EmojiContextProvider/index.js

@@ -1,21 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from 'react';
-import PropTypes from 'prop-types';
-export class EmojiContextProvider extends React.Component {
-  getChildContext() {
-    return {
-      emoji: {
-        emojiProvider: this.props.emojiProvider
-      }
-    };
-  }
-
-  render() {
-    return this.props.children;
-  }
-
-}
-
-_defineProperty(EmojiContextProvider, "childContextTypes", {
-  emoji: PropTypes.object
-});

package/dist/esm/plugins/card/ui/LinkToolbarIconDropdown.js

@@ -1,161 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/extends";
-var _excluded = ["options"];
-
-/** @jsx jsx */
-import React from 'react';
-import { css, jsx } from '@emotion/react';
-import { MenuGroup, Section, CustomItem } from '@atlaskit/menu';
-import { borderRadius } from '@atlaskit/theme/constants';
-import { B50, N20, B400 } from '@atlaskit/theme/colors';
-import { token } from '@atlaskit/tokens';
-import Tooltip from '@atlaskit/tooltip';
-import Dropdown from '../../floating-toolbar/ui/Dropdown';
-export var ICON_HEIGHT = 40;
-export var ICON_WIDTH = 40;
-var iconBoxStyles = css({
-  width: ICON_HEIGHT,
-  height: ICON_WIDTH,
-  overflow: 'hidden',
-  border: "1px solid ".concat(token('color.border', 'rgba(223, 225, 229, 0.5)'))
-  /* N60 at 50% */
-  ,
-  borderRadius: borderRadius(),
-  boxSizing: 'border-box',
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  backgroundColor: token('elevation.surface', 'white')
-});
-var primitiveStyles = css({
-  padding: '0.75rem',
-  alignItems: 'flex-start'
-});
-var interactiveStyles = css({
-  '&:active': {
-    backgroundColor: token('color.background.selected.pressed', B50),
-    color: token('color.text.selected', B400)
-  }
-});
-var unselectedStyles = css({
-  '&:hover': {
-    backgroundColor: token('color.background.neutral.subtle.hovered', N20),
-    color: token('color.text.brand', 'currentColor')
-  }
-});
-var selectedOptionStyles = css({
-  backgroundColor: token('color.background.selected.pressed', B50),
-  color: token('color.text.selected', 'currentColor'),
-  '&:hover': {
-    backgroundColor: token('color.background.selected.pressed', B50),
-    color: token('color.text.selected', 'currentColor')
-  }
-});
-var titleOffsetStyles = css({
-  marginTop: '0.125rem'
-});
-
-var getCustomStyles = function getCustomStyles(selected, disabled) {
-  if (disabled) {
-    return [primitiveStyles];
-  }
-
-  if (selected) {
-    return [primitiveStyles, selectedOptionStyles, interactiveStyles];
-  }
-
-  return [primitiveStyles, unselectedStyles, interactiveStyles];
-};
-
-//tabindex is -1 as the menu options should be focusable explicitly only by arrow keys.
-var OptionRoot = function OptionRoot(props) {
-  return jsx("div", _extends({}, props, {
-    tabIndex: -1
-  }));
-};
-
-var Option = function Option(_ref) {
-  var title = _ref.title,
-      description = _ref.description,
-      selected = _ref.selected,
-      disabled = _ref.disabled,
-      _onClick = _ref.onClick,
-      Icon = _ref.icon,
-      testId = _ref.testId,
-      tooltipContent = _ref.tooltipContent,
-      hide = _ref.hide;
-  var option = jsx(CustomItem, {
-    "aria-label": title,
-    component: OptionRoot,
-    iconBefore: jsx("div", {
-      css: iconBoxStyles
-    }, jsx(Icon, {
-      width: 38,
-      height: 38,
-      label: title
-    })) // @ts-ignore Overriding Menu styles is not supported
-    ,
-    css: getCustomStyles(selected, disabled),
-    description: description,
-    testId: testId,
-    onClick: function onClick(event) {
-      event.preventDefault();
-
-      if (!disabled) {
-        _onClick();
-
-        hide();
-      }
-    },
-    onKeyDown: function onKeyDown(event) {
-      if (event.key === 'Enter' || event.key === 'Space') {
-        event.preventDefault();
-
-        if (!disabled) {
-          _onClick();
-
-          hide();
-        }
-      }
-    },
-    role: "option",
-    "aria-selected": selected,
-    isSelected: selected,
-    isDisabled: disabled,
-    shouldDescriptionWrap: true
-  }, jsx("div", {
-    css: titleOffsetStyles
-  }, title));
-
-  if (tooltipContent) {
-    return jsx(Tooltip, {
-      content: tooltipContent
-    }, option);
-  }
-
-  return option;
-};
-
-export var LinkToolbarIconDropdown = function LinkToolbarIconDropdown(_ref2) {
-  var options = _ref2.options,
-      rest = _objectWithoutProperties(_ref2, _excluded);
-
-  return jsx(Dropdown, _extends({}, rest, {
-    options: {
-      render: function render(_ref3) {
-        var hide = _ref3.hide;
-        return jsx(MenuGroup, null, jsx("div", {
-          role: "listbox"
-        }, jsx(Section, null, options.map(function (props) {
-          return jsx(Option, _extends({
-            key: props.testId
-          }, props, {
-            hide: hide
-          }));
-        }))));
-      },
-      width: 320,
-      height: 200
-    }
-  }));
-};