@atlaskit/editor-core 176.0.3 → 177.0.1

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
-    }
-  }));
-};

package/dist/esm/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';
-var 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 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
-  };
-};

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

@@ -1,46 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-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; } }
-
-import React from 'react';
-import PropTypes from 'prop-types';
-export var EmojiContextProvider = /*#__PURE__*/function (_React$Component) {
-  _inherits(EmojiContextProvider, _React$Component);
-
-  var _super = _createSuper(EmojiContextProvider);
-
-  function EmojiContextProvider() {
-    _classCallCheck(this, EmojiContextProvider);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(EmojiContextProvider, [{
-    key: "getChildContext",
-    value: function getChildContext() {
-      return {
-        emoji: {
-          emojiProvider: this.props.emojiProvider
-        }
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return this.props.children;
-    }
-  }]);
-
-  return EmojiContextProvider;
-}(React.Component);
-
-_defineProperty(EmojiContextProvider, "childContextTypes", {
-  emoji: PropTypes.object
-});

package/dist/types/plugins/card/ui/LinkToolbarIconDropdown.d.ts

@@ -1,25 +0,0 @@
-/// <reference types="react" />
-import { jsx } from '@emotion/react';
-import type { GlyphProps } from '@atlaskit/icon/types';
-import { Props as DropdownProps } from '../../floating-toolbar/ui/Dropdown';
-export declare const ICON_HEIGHT = 40;
-export declare const ICON_WIDTH = 40;
-interface IconSizeProps {
-    width?: number;
-    height?: number;
-}
-export interface IconDropdownOptionProps {
-    title: string;
-    description: string;
-    selected: boolean;
-    disabled: boolean;
-    onClick: () => void;
-    icon: (props: GlyphProps & IconSizeProps) => JSX.Element;
-    testId?: string;
-    tooltipContent?: string | null;
-}
-export interface LinkToolbarIconDropdownProps extends DropdownProps {
-    options: IconDropdownOptionProps[];
-}
-export declare const LinkToolbarIconDropdown: ({ options, ...rest }: LinkToolbarIconDropdownProps) => jsx.JSX.Element;
-export {};

package/dist/types/plugins/card/ui/link-toolbar-icon-dropdown-options.d.ts

@@ -1,5 +0,0 @@
-import { IntlShape } from 'react-intl-next';
-import { Command } from '../../../types';
-import { OptionConfig } from './types';
-import { IconDropdownOptionProps } from './LinkToolbarIconDropdown';
-export declare const getIconDropdownOption: (intl: IntlShape, dispatchCommand: (command: Command) => void, { disabled, onClick, selected, appearance, testId, tooltip }: OptionConfig) => IconDropdownOptionProps;

package/dist/types/plugins/emoji/ui/EmojiContextProvider/index.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-export declare class EmojiContextProvider extends React.Component<any, any> {
-    static childContextTypes: {
-        emoji: PropTypes.Requireable<object>;
-    };
-    getChildContext(): {
-        emoji: {
-            emojiProvider: any;
-        };
-    };
-    render(): React.ReactNode;
-}