@atlaskit/editor-core 185.6.5 → 185.8.0

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

@@ -1,56 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _excluded = ["disabled"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-/** @jsx jsx */
-import React from 'react';
-import { css, jsx } from '@emotion/react';
-import { ButtonGroup } from '@atlaskit/button';
-import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';
-
-/**
- * Applying `pointer-events: none;` when disabled allows the Tooltip to be displayed
- */
-var buttonStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  pointer-events: auto;\n"])));
-var buttonStyleNoneEvent = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  pointer-events: none;\n"])));
-var DisallowedWrapper = function DisallowedWrapper(_ref) {
-  var disabled = _ref.disabled,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return jsx("div", props);
-};
-
-/**
- * The button requires `pointer-events: none;` in order to fix the tooltip, hence
- * leaving us without a disabled cursor, the following fixes this:
- */
-var defaultWrapperStyle = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  cursor: pointer;\n"])));
-var disallowedWrapperStyle = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  cursor: not-allowed;\n"])));
-export var LinkToolbarButtonGroup = function LinkToolbarButtonGroup(_ref2) {
-  var options = _ref2.options;
-  return jsx(ButtonGroup, null, options.map(function (_ref3) {
-    var onClick = _ref3.onClick,
-      selected = _ref3.selected,
-      disabled = _ref3.disabled,
-      testId = _ref3.testId,
-      tooltipContent = _ref3.tooltipContent,
-      title = _ref3.title,
-      Icon = _ref3.icon;
-    return jsx(DisallowedWrapper, {
-      css: disabled ? disallowedWrapperStyle : defaultWrapperStyle,
-      key: testId,
-      disabled: disabled
-    }, jsx(Button, {
-      css: disabled ? buttonStyleNoneEvent : buttonStyle,
-      title: title,
-      icon: jsx(Icon, {
-        size: "medium",
-        label: title
-      }),
-      selected: selected,
-      onClick: onClick,
-      testId: testId,
-      disabled: disabled,
-      tooltipContent: tooltipContent
-    }));
-  }));
-};

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

@@ -1,22 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import Icon from '@atlaskit/icon';
-var IconCardGlyph = function IconCardGlyph(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    width: "32",
-    height: "32",
-    viewBox: "0 0 32 32",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M8 9c-1.10457 0-2 .89543-2 2v10c0 1.1046.89543 2 2 2h16c1.1046 0 2-.8954 2-2V11c0-1.10457-.8954-2-2-2H8Zm0 3c0-.5523.44772-1 1-1h2c.5523 0 1 .4477 1 1v2c0 .5523-.4477 1-1 1H9c-.55228 0-1-.4477-1-1v-2Zm5 1c0-.2761.2239-.5.5-.5h10c.2761 0 .5.2239.5.5s-.2239.5-.5.5h-10c-.2761 0-.5-.2239-.5-.5Zm-4 3c-.55228 0-1 .4477-1 1s.44772 1 1 1h14c.5523 0 1-.4477 1-1s-.4477-1-1-1H9Zm-1 4c0-.5523.44772-1 1-1h6c.5523 0 1 .4477 1 1s-.4477 1-1 1H9c-.55228 0-1-.4477-1-1Z",
-    fill: "currentColor"
-  }));
-};
-export var IconCard = function IconCard(props) {
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    glyph: IconCardGlyph
-  }, props));
-};

package/dist/esm/plugins/card/ui/assets/embed.js

@@ -1,22 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import Icon from '@atlaskit/icon';
-var IconEmbedGlyph = function IconEmbedGlyph(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    width: "32",
-    height: "32",
-    viewBox: "0 0 32 32",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M8 6c-1.10457 0-2 .89543-2 2v16c0 1.1046.89543 2 2 2h16c1.1046 0 2-.8954 2-2V8c0-1.10457-.8954-2-2-2H8Zm1 2c-.55228 0-1 .44772-1 1v2c0 .5523.44772 1 1 1h2c.5523 0 1-.4477 1-1V9c0-.55228-.4477-1-1-1H9Zm4.5 1.5c-.2761 0-.5.22386-.5.5 0 .2761.2239.5.5.5h10c.2761 0 .5-.2239.5-.5 0-.27614-.2239-.5-.5-.5h-10ZM9 14c-.55228 0-1 .4477-1 1v8c0 .5523.44772 1 1 1h14c.5523 0 1-.4477 1-1v-8c0-.5523-.4477-1-1-1H9Zm6 2.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5Zm0 5.5-1-1-2 2h8v-1.8L18 19l-3 3Z",
-    fill: "currentColor"
-  }));
-};
-export var IconEmbed = function IconEmbed(props) {
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    glyph: IconEmbedGlyph
-  }, props));
-};

package/dist/esm/plugins/card/ui/assets/inline.js

@@ -1,22 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import Icon from '@atlaskit/icon';
-var IconInlineGlyph = function IconInlineGlyph(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    width: "32",
-    height: "32",
-    viewBox: "0 0 32 32",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M8 12c-1.10457 0-2 .8954-2 2v4c0 1.1046.89543 2 2 2h16c1.1046 0 2-.8954 2-2v-4c0-1.1046-.8954-2-2-2H8Zm0 3c0-.5523.44772-1 1-1h2c.5523 0 1 .4477 1 1v2c0 .5523-.4477 1-1 1H9c-.55228 0-1-.4477-1-1v-2Zm5 1c0-.2761.2239-.5.5-.5h10c.2761 0 .5.2239.5.5s-.2239.5-.5.5h-10c-.2761 0-.5-.2239-.5-.5Z",
-    fill: "currentColor"
-  }));
-};
-export var IconInline = function IconInline(props) {
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    glyph: IconInlineGlyph
-  }, props));
-};

package/dist/esm/plugins/card/ui/assets/url.js

@@ -1,24 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import Icon from '@atlaskit/icon';
-var IconUrlGlyph = function IconUrlGlyph(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    width: "32",
-    height: "32",
-    viewBox: "0 0 32 32",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), /*#__PURE__*/React.createElement("rect", {
-    x: "6",
-    y: "15",
-    width: "20",
-    height: "2",
-    rx: "1",
-    fill: "currentColor"
-  }));
-};
-export var IconUrl = function IconUrl(props) {
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    glyph: IconUrlGlyph
-  }, props));
-};

package/dist/esm/plugins/card/ui/link-toolbar-button-group-options.js

@@ -1,45 +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,
-    icon: IconUrl
-  },
-  inline: {
-    title: messages.inlineTitle,
-    icon: IconInline
-  },
-  block: {
-    title: messages.blockTitle,
-    icon: IconCard
-  },
-  embed: {
-    title: messages.embedTitle,
-    icon: IconEmbed
-  }
-};
-export var getButtonGroupOption = function getButtonGroupOption(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,
-    icon = _appearancePropsMap.icon;
-  return {
-    title: intl.formatMessage(title),
-    icon: icon,
-    onClick: function onClick() {
-      return dispatchCommand(_onClick);
-    },
-    disabled: Boolean(disabled),
-    tooltipContent: tooltip || null,
-    testId: testId,
-    selected: selected
-  };
-};

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

@@ -1,6 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3;
-import { css } from '@emotion/react';
-export var embedCardStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror {\n    .embedCardView-content-wrap[layout^='wrap-'] {\n      max-width: 100%;\n    }\n\n    .embedCardView-content-wrap[layout='wrap-left'] {\n      float: left;\n    }\n\n    .embedCardView-content-wrap[layout='wrap-right'] {\n      float: right;\n    }\n\n    .embedCardView-content-wrap[layout='wrap-right']\n      + .embedCardView-content-wrap[layout='wrap-left'] {\n      clear: both;\n    }\n  }\n"])));
-export var embedSpacingStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin: 0 10px;\n"])));
-export var editIconStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 20px;\n"])));

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

@@ -1 +0,0 @@
-export {};

package/dist/types/plugins/card/messages.d.ts

@@ -1,82 +0,0 @@
-export declare const messages: {
-    url: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    block: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    inline: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    embed: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    link: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    card: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    blockCardUnavailable: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    displayOptionUnavailableInParentNode: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    urlTitle: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    blockTitle: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    inlineTitle: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    embedTitle: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    urlDescription: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    blockDescription: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    inlineDescription: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    embedDescription: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-};

package/dist/types/plugins/card/styles.d.ts

@@ -1,2 +0,0 @@
-export declare const FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = "card-floating-toolbar--link-picker";
-export declare const smartCardStyles: import("@emotion/react").SerializedStyles;

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

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import { jsx } from '@emotion/react';
-import type { GlyphProps } from '@atlaskit/icon/types';
-export interface ButtonOptionProps {
-    title: string;
-    selected: boolean;
-    testId: string;
-    disabled: boolean;
-    tooltipContent?: string | null;
-    onClick: () => void;
-    icon: (props: GlyphProps) => JSX.Element;
-}
-export interface LinkToolbarButtonGroupProps {
-    options: ButtonOptionProps[];
-}
-export declare const LinkToolbarButtonGroup: ({ options, }: LinkToolbarButtonGroupProps) => jsx.JSX.Element;

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { GlyphProps } from '@atlaskit/icon/types';
-export declare const IconCard: (props: GlyphProps) => JSX.Element;

package/dist/types/plugins/card/ui/assets/embed.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { GlyphProps } from '@atlaskit/icon/types';
-export declare const IconEmbed: (props: GlyphProps) => JSX.Element;

package/dist/types/plugins/card/ui/assets/inline.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { GlyphProps } from '@atlaskit/icon/types';
-export declare const IconInline: (props: GlyphProps) => JSX.Element;

package/dist/types/plugins/card/ui/assets/url.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { GlyphProps } from '@atlaskit/icon/types';
-export declare const IconUrl: (props: GlyphProps) => JSX.Element;

package/dist/types/plugins/card/ui/link-toolbar-button-group-options.d.ts

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

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

@@ -1,3 +0,0 @@
-export declare const embedCardStyles: import("@emotion/react").SerializedStyles;
-export declare const embedSpacingStyles: import("@emotion/react").SerializedStyles;
-export declare const editIconStyles: import("@emotion/react").SerializedStyles;

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

@@ -1,12 +0,0 @@
-import { CardAppearance } from '@atlaskit/editor-common/provider-factory';
-import { Command } from '@atlaskit/editor-common/types';
-export interface OptionConfig {
-    appearance?: CardAppearance;
-    title: string;
-    onClick: Command;
-    selected: boolean;
-    testId: string;
-    disabled?: boolean;
-    hidden?: boolean;
-    tooltip?: string;
-}

package/dist/types-ts4.5/plugins/card/messages.d.ts

@@ -1,82 +0,0 @@
-export declare const messages: {
-    url: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    block: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    inline: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    embed: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    link: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    card: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    blockCardUnavailable: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    displayOptionUnavailableInParentNode: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    urlTitle: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    blockTitle: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    inlineTitle: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    embedTitle: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    urlDescription: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    blockDescription: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    inlineDescription: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    embedDescription: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-};

package/dist/types-ts4.5/plugins/card/styles.d.ts

@@ -1,2 +0,0 @@
-export declare const FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = "card-floating-toolbar--link-picker";
-export declare const smartCardStyles: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/plugins/card/ui/LinkToolbarButtonGroup.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import { jsx } from '@emotion/react';
-import type { GlyphProps } from '@atlaskit/icon/types';
-export interface ButtonOptionProps {
-    title: string;
-    selected: boolean;
-    testId: string;
-    disabled: boolean;
-    tooltipContent?: string | null;
-    onClick: () => void;
-    icon: (props: GlyphProps) => JSX.Element;
-}
-export interface LinkToolbarButtonGroupProps {
-    options: ButtonOptionProps[];
-}
-export declare const LinkToolbarButtonGroup: ({ options, }: LinkToolbarButtonGroupProps) => jsx.JSX.Element;

package/dist/types-ts4.5/plugins/card/ui/assets/card.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { GlyphProps } from '@atlaskit/icon/types';
-export declare const IconCard: (props: GlyphProps) => JSX.Element;

package/dist/types-ts4.5/plugins/card/ui/assets/embed.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { GlyphProps } from '@atlaskit/icon/types';
-export declare const IconEmbed: (props: GlyphProps) => JSX.Element;

package/dist/types-ts4.5/plugins/card/ui/assets/inline.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { GlyphProps } from '@atlaskit/icon/types';
-export declare const IconInline: (props: GlyphProps) => JSX.Element;

package/dist/types-ts4.5/plugins/card/ui/assets/url.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { GlyphProps } from '@atlaskit/icon/types';
-export declare const IconUrl: (props: GlyphProps) => JSX.Element;

package/dist/types-ts4.5/plugins/card/ui/link-toolbar-button-group-options.d.ts

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

package/dist/types-ts4.5/plugins/card/ui/styled.d.ts

@@ -1,3 +0,0 @@
-export declare const embedCardStyles: import("@emotion/react").SerializedStyles;
-export declare const embedSpacingStyles: import("@emotion/react").SerializedStyles;
-export declare const editIconStyles: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/plugins/card/ui/types.d.ts

@@ -1,12 +0,0 @@
-import { CardAppearance } from '@atlaskit/editor-common/provider-factory';
-import { Command } from '@atlaskit/editor-common/types';
-export interface OptionConfig {
-    appearance?: CardAppearance;
-    title: string;
-    onClick: Command;
-    selected: boolean;
-    testId: string;
-    disabled?: boolean;
-    hidden?: boolean;
-    tooltip?: string;
-}